Home Tutorial Seri Pengembangan App Windows Phone 8.1 Bagian 4 : Navigasi Halaman

Seri Pengembangan App Windows Phone 8.1 Bagian 4 : Navigasi Halaman

featured_series

Seperti yang saya janjinkan kemarin, kali ini kita akan membahas bagaimana caranya berpindah antara halaman satu ke halaman lainnya. Untuk seri bagian 3 bisa kamu lihat di artikel sebelumnya.

Mungkin langsung saja seperti biasa ke topik pembahasan.

 

Perubahan API

Jika pada Windows Phone 8 Silverlight sebelumnya menggunakan method NavigationService.Navigate(), untuk Windows Phone 8.1 WinRT ini sedikit berbeda. Nah kalau di Windows Phone 8.1 WinRT sendiri menggunakan Frame.Navigate().

 

Buat Halaman Baru

Pertama-tama coba buat dua halaman dengan klik kanan project, pilih menu Add → New Item atau menggunakan shortcut Ctrl + Shift + A.

Screenshot (111)

Pilih Blank Page, kemudian beri nama HalamanDua.xaml. Selanjutnya pilih tombol Add.

Screenshot (112)

Sekarang coba tambahkan kode ini di dalam Grid HalamanDua.xaml :

Screenshot (114)

Kode diatas nantinya untuk menampilkan parameter yang dikirim dari halaman pertama. Kemudian tambahkan kode berikut di method OnNavigatedTo pada berkas HalamanDua.xaml.cs untuk mengambil parameter yang dikirim.

Screenshot (115)

 

Selanjutnya beralih ke MainPage.xaml, tulis kode untuk membuat dua tombol seperti berikut:

Screenshot (110)

dengan kode logic di MainPage.xaml.cs :

Screenshot (116)

Coba jalankan projectnya, ketika kamu mengklik tombol, akan menimbulkan aksi perpindahan ke halaman selanjutnya.

Screenshot (117)

Menangani Back Key

Namun ada yang aneh, ketika menekan tombol back kok langsung exit ? tenang itu bukan error, tapi memang untuk di Windows Phone 8.1 WinRT ini back key belum di handle secara otomatis.

Kita perlu mendeteksi tombol hardware back yang ditekan, dan kemudian kembali ke frame sebelumnya. Berikut kode yang perlu ditambahkan pada HalamanDua.xaml.cs :

Screenshot (120)

Bagaimana dengan konsep perpindahan halaman ini ? mudah bukan ?

Kode Sampel bisa kamu unduh di – WindowsPhone8.1_Dev_PindahHalaman.zip

Untuk seri ke 5 saya akan membahas siklus hidup atau app lifecycle yang ada di Windows Phone 8.1 ini, bisa dilihat di artikel selanjutnya

Tetap pantengin terus WinPoin yak.

  Video: Review DJI Osmo Mobile Indonesia  

  • Agil Faisal Rahman

    waw seri tutorialnya masih berlanjut ya… mantapp …

  • ZAY

    :v di silverlight musti create new uri _-_ sekarang malah lebih enak yang universal

    • enak mana sama oprek vanilla om? :v

      • ZAY

        :v eleh vanilla gampang om wkwkwkwk

        _-_ penumbuh rambut dulu tapi

  • Matsudara Adachi

    udah ku bookmark page ini :)
    next om :)