Penulis
Oke, selamat datang di tutorial kedua dari Membuat Sliding Menu di Windows Phone. Kali ini kita akan fokus pada pembuatan animasi Slide In dan Slide Out menu geser kita. Untuk toturial ini disarankan Anda membaca dan mengikuti langkah-langkah yang sudah saya jelaskan di bagian pertama. Kalau Anda tidak keberatan baca langkah-langkah di bawah ini, tidak masalah, terserah Anda.
Untuk bagian kedua dari tutorial ini, saya akan menggunakan Blend for Visual Studio 2012. Bagi Anda yang belum familiar dengan tools ini, singkat kata tools ini merupakan tools yang disarankan bagi designer untuk mendesain aplikasi Windows Phone atau Windows 8.
Pertama-tama, di Visual Studio 2012, bukalah aplikasi yang sudah Anda buat dari tutorial pertama.
Kemudian klik kanan Solution kalian di Solution Explorer dan klik Open in Blend (atau bisa saja langsung buka Blend 2012 dan buka projek kalian). Aplikasi kalian akan terbuka di Blend for Visual Studio.
Ketikkan kodingan XAML ini sesudah akhir pembukaan tag phone:PhoneApplicationPage dan sebelum grid LayoutRoot.
Dan sudah deh, ini kalian sudah membuat animasi slide in dan out dari slide menu. Silahkan tunggu postingan berikutnya ya gans :)
Untuk bagian kedua dari tutorial ini, saya akan menggunakan Blend for Visual Studio 2012. Bagi Anda yang belum familiar dengan tools ini, singkat kata tools ini merupakan tools yang disarankan bagi designer untuk mendesain aplikasi Windows Phone atau Windows 8.
Pertama-tama, di Visual Studio 2012, bukalah aplikasi yang sudah Anda buat dari tutorial pertama.
Kemudian klik kanan Solution kalian di Solution Explorer dan klik Open in Blend (atau bisa saja langsung buka Blend 2012 dan buka projek kalian). Aplikasi kalian akan terbuka di Blend for Visual Studio.
Ketikkan kodingan XAML ini sesudah akhir pembukaan tag phone:PhoneApplicationPage dan sebelum grid LayoutRoot.
<phone:PhoneApplicationPage.Resources>
<Storyboard x:Name="MenuIn">
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="slideMenu">
<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="364"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
<Storyboard x:Name="MenuOut">
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="slideMenu">
<SplineDoubleKeyFrame KeyTime="0" Value="364"/>
<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</phone:PhoneApplicationPage.Resources>
Dan sudah deh, ini kalian sudah membuat animasi slide in dan out dari slide menu. Silahkan tunggu postingan berikutnya ya gans :)
EmoticonEmoticon