Membuat Navigasi Page | Windows Phone - 22 Nov 2013

Di kesempatan kali ini A-f Akan Shared buat kalian semua tentang Navigation , Kenapa sih mesti belajar Navigation ???? Navigation mempelajari bagaimana membuat tombol yang dapat berpindah ke halaman lain. Langsung saja pada latihan kali ini, dosen memberikan tugas untuk membuat 5 buah halaman yang saling terhubung, yaitu main page, second page, third page, fourth page, dan fifth page. Ke lima halaman tersebut saling terhubung dengan masing masing tombol yang mengarah ke halaman yang di tuju. Selain itu, di setiap halaman akan di berikan sebuah text block dan text box, untuk menginput dan menerima data.
Langkah - Langkah Untuk Pembuatan Aplikasi :

• Buka aplikasi windows phone – new project – name dan solution name (TugasNavigationPage)
• Kemudian Pilih platform Windows Phone 7.1
• Buat Folder untuk menyimpan halaman baru yg akan kita buat >  Klik kanan  pada Project– Add- New Folder (Views)
•  Buat 5 halaman baru > Klik kanan pada Folder Views – Add - New Item

MainPage ( Ngak usah lg di buat karena udah default)
SecondPage
ThirdPage
FourthPage
FifthPage

Aplikasi Yang akan kita buat kurang lebih seperti ini kawan :

Detail Halaman MainPage :

• TextBox >> Name="mainTBx"  > Text=""
• TextBlock  >> Name="mainTBl" >Text="" 
• Button1 >> Name="page2" > Content="SecondPage"
• Button2 >> Name="page3" > Content="ThirdPage”
• Button3 >> Name="page4" > Content="FourthPage”
• Button4 >> Name="page5" > Content="FifthPage”

Halaman MainPage.xaml.cs

//Kode ini untuk mengirimkan data di textbox ke halaman link uri
private void page2_Click(object sender, RoutedEventArgs e)
        {
            string name = mainTBx.Text;
            NavigationService.Navigate(new Uri("/Views/SecondPage.xaml?name=" + name, UriKind.Relative));
        }

// Kode ini untuk menerima data yang dikirimkan
protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)
        {
            string name = "";
            if (NavigationContext.QueryString.TryGetValue("name", out name))
            {
                mainTBl.Text = string.Format("{0}", name);
            }
        }

private void page3_Click(object sender, RoutedEventArgs e)
        {
            string name = mainTBx.Text;
            NavigationService.Navigate(new Uri("/Views/ThirdPage.xaml?name=" + name, UriKind.Relative));
        }

private void page4_Click(object sender, RoutedEventArgs e)
        {
            string name = mainTBx.Text;
            NavigationService.Navigate(new Uri("/Views/FourthPage.xaml?name=" + name, UriKind.Relative));
        }

private void page5_Click(object sender, RoutedEventArgs e)
        {
            string name = mainTBx.Text;
            NavigationService.Navigate(new Uri("/Views/FifthPage.xaml?name=" + name, UriKind.Relative));
        }

Untuk Detail Silakan kalian download aja tutotial yang sudah a-f sediakan buat kalian semua :

• Download File