Asalammualaikum Wr.Wb

Seperti biasanya di usai pembelajaran Visual Programming (Windows Phone), tugas untuk masing-masing mahasiswa adalah memposting hasil dari praktek yang telah dikerjakan pada mata kuliah tersebut.

Praktek kali ini mengenai “Navigation page”  maksudnya, kita memindahkan halaman. Misalnya kita akan memindahkan halaman 1 ke halaman berikutnya.

Kali ini tutorialnya berdasarkan dari hasil latihan yang telah diberikan oleh bapak dosen.

Untuk mempersingkat tulisan ini, kita langsung saja pada project.

 Seperti biasanya setelah kita mempuka aplikasi windows phone kita harus mengikuti langkah-langkah yang biasanya. Kali ini saya akan menamakan folder windows phone saya dengan nama “MainPage2”.

Setelah aplikasi telah terbuka, kita langsung ke langkah selanjutnya yaitu.

Kita lihat menu paling kanan di layar, kalau kurang jelas,  coba lihat pada gambar dibawah ini

Mungkin teman-teman agak kurang mengerti, sekarang saya akan menjelaskan maksud dari gambar diatas. Klik kanan pada file MainPage2. Lebih lanjutnya lihat pada gambar dibawah

Maksud dari gambar diatas, kita akan menambahkan folder baru. Kita akan merubah nama folder menjadi “Views”. Sekarang kita akan menambahkan halaman baru agar kita dapat masuk kehalaman berikutnya. Caranya hampir sama dengan cara diatas, bedanya kita klik kanan pada folder “Views”

Setelah itu akan mencul jendela seperti gambar dibawah ini

Pada gambar no 3, kita akan menuliskan nama file-nya . nama file bebas sesuai dengan nama yang anda inginkan.

Setelah itu kita tinggal mempersiapkan template apa saja yang dibutuhkan. Karna dosennya memberikan tugas yaitu dengan membuat 5 file dan setiap file saling berhubungan. Yang perlu di buat yaitu .

Berhubung kita memerlukan 5 file, jadi teman-teman tinggal mengikuti langkah seperti di atas berserta template-nya. Satu file dengan yang lainnya sama kok isinya, tingga teman-teman aja mau membuat properties pada setiap template nya gimana.

Setelah 5 file telah dibuat sekarang kita akan meng-double Click pada Button1 “Page 2” dan masukan kode seperti pada gambar dibawah ini.

Setelah itu kita ke halaman SecendPage.xaml.cs , kemudian masukan kode seperti pada gambar di bawah ini.

Maka hasilnya akan seperti pada gambar dibawah ini.

Pada saat kita memasukan input pada TextBox dan kita mengklik Page 2 atau yang lainnya, maka hasilnya akan seperti gambar dibawah ini

Kita akan masuk ke file “SecondPage” dan pada TextBlock yang telah tersedia akan tertulis “From MainPage = tedc “ artinya tulisan “tedc” berasal dari file MainPage.

Begitu pula selanjutnya, teman-teman tinggal mengisikan kode yang telah disediakn di atas. Tapi jangan di copy semuanya ya, karna ada yang harus disesuaikan dengan file dan halaman yang akan di pindahkan.

Contohnya

Pada nomor 1, kita lihat tertulis code “MainPageTBx”, itu merupakan Name pada TextBox di file MainPage.xaml dan pada nomor 2, code itu merupakan link file selanjutnya “SecondPage.xaml”. jadi apa bila teman-teman hendak memindahkan file selanjutnya, teman-teman tinggal mengganti code yang terlihat pada gambar di atas.

Selain itu teman-teman juga harus meperhatikan code yang terlihat pada gambar dibawah ini.

Pada lingkaran merah  itu merupakan code Name “TextBlock” pada file SecondPage.xaml.

Apabila teman-teman ingin memindahkan 1 file ke halaman selanjutnya, teman-teman tinggal merubah code-code yang telah saya siapkan.

Sekian tutorial yang bisa saya berilkan, kurang lebihnya, mohon dimaafkan, berhubung saya masih belajar *tetep ngeles…  ^^

Semoga tutorial ini bisa bermanfaat buat teman-teman dalam mengerjakan tugas atau apalah…

Sampai ketemu lagi di tulisan-tulisan saya selanjutnya.

Wasalammualaikum Wr.Wb