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:
Posting Komentar