Pejabat

Menavigasi Antara Halaman XAML: Windows Phone 7.5 Mango Apps Development - Bahagian 21

Tutorial Device Diagnostics HUB 2 - Mobile (Easy method - no authentication)

Tutorial Device Diagnostics HUB 2 - Mobile (Easy method - no authentication)
Anonim

Selamat datang kembali ke siri pembangunan Windows Phone 7.5 Mango App. Dalam tutorial yang terakhir, kami menyatakan cara untuk menggunakan gaya dan tema untuk mengawal, dalam tutorial ini, kita akan melihat satu cara menavigasi antara halaman dan lulus data dari halaman ke halaman lain.

Kami memuat halaman XAML dalam aplikasi Silverlight seperti yang kita muatkan HTML halaman dalam pelayar web. Seperti dalam laman web setiap laman web mempunyai URL tersendiri (Unified Resource Locator) misalnya www.thewindowsclub.com. Dalam Aplikasi Windows Phone 7.5, kami menggunakan kawalan butang hiperpautan dan menggunakan sifat NavigateURInya dengan URI (Pengenalan Sumber Unified) dari halaman XAML yang anda mahu muatkan. Jadi mari kita mulakan dengan contoh.

Buat projek baru dengan nama unik seperti `NavigationDemo`. Seterusnya, klik kanan nama projek dalam explorer penyelesaian dan pilih Tambah dan kemudian Item Baru. Dalam tetingkap Tambah Item Baru pilih `Halaman Potret Windows Telefon`, beri nama seperti Page1.xaml dan kemudian klik butang Tambah di bahagian bawah. Ini akan membuat halaman baharu dipaparkan dalam tab berasingan di kawasan reka bentuk utama. Hanya untuk kejelasan menukar tajuk halaman halaman baru ke `Halaman baru` dengan menukar Teks Teks dari Title Page TextBlock. Seterusnya di tab MainPage.xaml seret dan lepas butang hiperpautan di kawasan reka bentuk. Sekarang ubah property NavigateUri dalam tetingkap Properties untuk butang Hyperlink. Masukkan rentetan berikut

/NavigationDemo.component/Views/Page1.xaml

Sekarang jalankan aplikasi itu dan klik butang hyperlink yang ditunjukkan dalam emulator. Anda akan dilayari ke Page1.xaml dari MainPage.xaml.

Sekarang untuk menghantar maklumat dari satu halaman ke halaman lain kami menggunakan Querystring. Oleh itu, pertimbangkan URL seperti www.abcxyz.com/images.aspx?id=3&language=en. Di sini semuanya selepas tanda tanya dipanggil querystring. Anda dapat melihat bahawa kami mempunyai dua pasangan nilai nama, iaitu, id = 3 dan languae = en. Ampersand membolehkan kami menambah maklumat yang berbeza, dalam kes ini bahasa dan bahasa.

Jadi sekarang meneruskan projek kami, kami akan menyeret dan menjatuhkan TextBlock pada halaman Page1.xaml. Hapuskan sifat TextBlock.Text dan masukkan kod C # berikut dalam peristiwa PhoneApplicationPage_Loaded.

textBlock1.Text = String.Format ("Value: {0}", NavigationContext.QueryString ["id"]);

So dalam baris kod ini kita menggunakan NavigasiContext yang memberikan kita akses kepada URL, khususnya query query. Kami menentukan item yang ingin kami akses dalam kurungan persegi.

Sebelum kita menjalankan aplikasi, kami akan menukar butang NavigasiUri dari butang hyperlink ke berikut

/ NavigasiDemo> compponent/Views/Page1.xaml?id = 1

Kami juga akan menyeret dan menggugurkan butang hiperpautan lain di MainPage.xaml dan tetapkan sifat navigasinya ke berikut

/ NavigasiDemo.component/Views/Page1.xaml?id=2

Sekarang apabila anda jalankan aplikasi dan klik butang hyperlink di emulator kita akan dapat melihat nilai id yang diluluskan dari MainPage.xaml. Itulah cara menavigasi antara muka surat dalam Aplikasi Windows Phone 7. Terus berlatih sehingga anda dapat melakukannya dengan betul. Sekarang mari belajar tentang bekerja dengan Bar Aplikasi