Menjelajahi Antara Halaman XAML: Windows Phone 7.5 Pengembangan Aplikasi Mangga - Bagian 21

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 HTML halaman 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 Add New Item pilih `Windows Phone Portrait page`, beri nama seperti Page1.xaml dan kemudian klik tombol Add di bagian bawah. Ini akan membuat halaman baru ditampilkan dalam tab terpisah di area desain utama. Hanya untuk kejelasan mengubah judul halaman dari halaman baru ke `halaman baru` dengan mengubah properti Text dari Judul Halaman 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 Page1.xaml dari MainPage.xaml.

Sekarang untuk mengirim informasi dari satu halaman ke halaman lain, kami menggunakan Querystring. Jadi pertimbangkan URL seperti www.abcxyz.com/images.aspx?id=3&language=en. Di sini segala sesuatu setelah tanda tanya disebut querystring. Anda dapat melihat bahwa kami memiliki dua pasangan nilai nama, yaitu, id = 3 dan languae = en. The ampersand memungkinkan kita untuk menambahkan potongan informasi yang berbeda, dalam hal ini id dan bahasa.

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 dalam baris kode ini kita menggunakan NavigationContext yang memberi kita akses ke URL, khususnya querystring. Kami menetapkan item yang ingin kami akses dalam tanda kurung siku.

Sebelum kami menjalankan aplikasi kami akan mengubah properti NavigateUri dari tombol hyperlink ke

/NavigationDemo;component/Views/Page1.xaml?id berikut ini = 1

Kami juga akan menyeret dan menjatuhkan tombol hyperlink lain di MainPage.xaml dan mengatur properti navigasikanUri ke

/NavigationDemo;component/Views/Page1.xaml?id=2

sekarang saat Anda jalankan aplikasi dan klik tombol hyperlink di emulator kita akan dapat melihat nilai id yang dilewatkan dari MainPage.xaml. Begitulah 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.