Transition Efek Windows Phone 8

Assalamualaikum...
udah lama nggak ngeblog nihh, sibuk Uas ama touring.. heheh

kali ini mau share beberapa materi hasil seminar kemaren, disini aku mau buat efek transisi.

Pertama kita harus punya Microsoft.Phone.Controls.Toolkit yang dapat di download disini, setelah didownload toolkit nya kita add refrence kemudian pilih browse dan cari Microsoft.Phone.Controls.Toolkit.

Nah kalo udah masuk kita masukkan coding dibawah ini :

<phone:PhoneApplicationPage

x:Class="NewsWizard.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"

xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="696"

FontFamily="{StaticResource PhoneFontFamilyNormal}"

FontSize="{StaticResource PhoneFontSizeNormal}"

Foreground="{StaticResource Accent1}"

SupportedOrientations="Portrait" Orientation="Portrait"

xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

shell:SystemTray.IsVisible="True"

>

yang kita tambahkan adalah coding yang berwarna merah. 

Nah kalo udah masukin coding yang diatas, sekarang kita masukin semua coding dibawah ini dibawah coding yang diatas ke page yang ingin kita kasih efek transisi, 

<toolkit:TransitionService.NavigationInTransition>

<toolkit:NavigationInTransition>

<toolkit:NavigationInTransition.Backward>

<toolkit:TurnstileTransition Mode="BackwardIn"/>

</toolkit:NavigationInTransition.Backward>

<toolkit:NavigationInTransition.Forward>

<toolkit:TurnstileTransition Mode="ForwardIn"/>

</toolkit:NavigationInTransition.Forward>

</toolkit:NavigationInTransition>

</toolkit:TransitionService.NavigationInTransition>

<toolkit:TransitionService.NavigationOutTransition>

<toolkit:NavigationOutTransition>

<toolkit:NavigationOutTransition.Backward>

<toolkit:TurnstileTransition Mode="BackwardOut"/>

</toolkit:NavigationOutTransition.Backward> 

<toolkit:NavigationOutTransition.Forward>

<toolkit:TurnstileTransition Mode="ForwardOut"/>

</toolkit:NavigationOutTransition.Forward>

</toolkit:NavigationOutTransition>

</toolkit:TransitionService.NavigationOutTransition>

kalo kita ingin ngerubah efek transisi tinggal ganti isi dari coding berikut :

<toolkit:TurnstileTransition Mode="BackwardIn"/>

Selanjutnya kita buka App.xaml dan ganti coding yang ada dengan coding dibawah ini :

private void InitializePhoneApplication()

{

if (phoneApplicationInitialized)

return;

// Create the frame but don't set it as RootVisual yet; this allows the splash

// screen to remain active until the application is ready to render.

RootFrame = new TransitionFrame();

RootFrame.Navigated += CompleteInitializePhoneApplication;

// Handle navigation failures

RootFrame.NavigationFailed += RootFrame_NavigationFailed;

// Ensure we don't initialize again

phoneApplicationInitialized = true;

}

biasanya yang diganti hanya coding yang berwarna merah.

Coding diatas bisa diaplikasikan ke semua page.

Nah itu dia postingan aku kali ini, maaf kalo bahasa nya rada campur2, baru belajar ngeblog.

Terimakasih.