Selamat datang kembali ke seri pengembangan Windows Phone 7.5 Mango App. Dalam tutorial terakhir kita mengatakan bagaimana menerapkan gaya dan tema untuk kontrol, dalam tutorial ini kita akan melihat salah satu cara menavigasi antara halaman dan melewatkan data dari halaman ke halaman lain.
Kami memuat halaman XAML dalam aplikasi Silverlight sama seperti kita memuat halaman HTML di browser web. Seperti di situs web, setiap situs web memiliki URL uniknya sendiri (Unified Resource Locator) misalnya www.thewindowsclub.com. Dalam Aplikasi Windows Phone 7.5, kami menggunakan kontrol Tombol hyperlink dan menggunakan properti NavigateURI dengan URI (Unified Resource Identifier) dari halaman XAML yang ingin Anda muat. Jadi, mari kita mulai dengan sebuah contoh.
Buat proyek baru dengan nama unik seperti ‘NavigationDemo’. Selanjutnya, klik kanan nama proyek di explorer solusi dan pilih Tambah dan kemudian Item Baru. Di jendela Tambah Item Baru, pilih ‘Windows Phone Portrait page’, beri nama seperti Page1.xaml lalu klik tombol Add di bagian bawah. Ini akan membuat halaman baru ditampilkan dalam tab terpisah di area desain utama. Hanya untuk kejelasan, ubah judul halaman dari halaman baru menjadi ‘Halaman baru’ dengan mengubah properti Text dari Page Title TextBlock. Selanjutnya di tab MainPage.xaml tarik dan letakkan tombol hyperlink di area desain. Sekarang ubah properti NavigateUri di jendela Properties untuk tombol Hyperlink. Masukkan string berikut
/NavigationDemo;component/Views/Page1.xaml
Sekarang jalankan aplikasi dan klik tombol hyperlink yang ditunjukkan di emulator. Anda akan dinavigasi ke Halaman1.xaml dari MainPage.xaml.
Jadi sekarang dalam melanjutkan ke proyek kami, kami akan menyeret dan menjatuhkan TextBlock pada halaman Page1.xaml. Hapus properti TextBlock.Text dan masukkan kode C # berikut dalam acara PhoneApplicationPage_Loaded.
textBlock1.Text = String.Format ("Nilai: {0}", NavigationContext.QueryString ["id"]);
Jadi di baris kode ini kita menggunakan NavigationContext yang memberi kita akses ke URL, khususnya querystring. Kami tentukan item yang ingin kami akses di tanda kurung siku.
Sebelum kita menjalankan aplikasi kita akan mengubah properti NavigateUri dari tombol hyperlink ke yang berikut
/NavigationDemo;component/Views/Page1.xaml?id=1
Kami juga akan menyeret dan menjatuhkan tombol hyperlink lain di MainPage.xaml dan mengatur properti navigasikanUri ke yang berikut
/NavigationDemo;component/Views/Page1.xaml?id=2
Sekarang ketika Anda menjalankan aplikasi dan klik tombol hyperlink di emulator kita akan dapat melihat nilai id yang dilewatkan dari MainPage.xaml. Itulah cara mudah menavigasi antar halaman dalam Aplikasi Windows Phone 7. Terus berlatih sampai Anda melakukannya dengan benar. Sekarang mari belajar tentang bekerja dengan Bilah Aplikasi.
