Selasa, 03 Desember 2013

Windows Phone 22 November 2013




Pada sesi kali ini, saya akan membuat sebuah program dengan fitur tentang NavigationPage, yaitu saya akan membuat halaman yang nantinya akan saya panggil melalui halaman utama MainPage.xaml

Langkah pertama, Buatlah sebuah Project Baru C# dengan Project Name NavigationPage
Kemudian Klik Kanan pada NavigationPage kemudian Add>>New Folder, untuk membuat Folder Baru yang nantinya kita akan membuat item halaman .xaml didalam folder tersebut.

Pada Folder tersebut kita beri dengan nama Views




 






Kemudian klik Kanan pada folder Views lalu Add>>New Item

Setelah itu kita beri Item baru dengan nama SecondPage.xaml
Kemudian pada textBlock PageTitle pada MainPage.xaml kita beri text nya dengan Main Page
Setelah itu pada TextBlock Page Title pada SecondPage.xaml kita beri Textnya dengan nama Second Page




Pada MainPage.xaml, disini kita akan masukkan sebuah Toolbox HyperLinkButton
Pada Properties HyperLink Button tersebut, Kita beri dengan Name SecondHB, kemudian Pada content kita Ketik dengan Go To Page 2
Kemudian pada Properties HyperLinkButton kita masukkan Script dibawah ini pada NavigateUri untuk memanggil Halaman SecondPage.xaml
/Views/SecondPage.xaml?


Jalankan Program F5










Tampilan Program ketika dijlankan, apabila kita mengklik HyperLinkButton makan akan tampil halaman SecondPage.xaml

Untuk langkah selanjutnya, kita akan menampilkan sebuah nilai yang dikirim dari MainPage.xaml dan ditampilkan pada SecondPage.xaml

pada SecondPage.xaml Tambahkan 2 textblock dengan name : NamaTB & UmurTB
Lalu pada SecondPage.cs masukkan coding seperti dibawah ini :




Kemudian Pada MainPage.xaml, masukkan Coding dibawah ini pada NavigateUri pada HyperlinkButton SecondHB
/Views/SecondPage.xaml?nama=Jhon&umur=29

Coding diatas, akan menampilkan nama “Jhon” pada TextBlock NamaTB di SecondPage.xaml, dan akan menampilkan umur “29” Pada TextBlock UmurTB di SecondPage.xaml
Jalankan Program F5 dan lihat hasilnya
Tampilan program ketika dijalankan
Selamat Mencoba teman-teman dan para pembaca sekalian, semoga dapat bermanfaat bagi teman-teman dan diri saya pribadi

0 komentar: