03. Xamarin Master Detail Template
Pada template yang disediakan oleh xamarin microsoft ini terdapat beberapa file yang digenerate yaitu
• Views/MainPage.xaml
○ pada file xaml ini terdapat tag utama "MasterDetailPage" di dalam tag ini terdapat
Tag master "MasterDetailPage.Master" dan tag detail "MasterDetailPage.Detail"
pada file ini juga terdapat penambahan dependecy namespace ke testing.views
• View/MainPage.xaml.cs
○ pada class ini Terdapat dua method
§ MainPage() yaitu constructor yang berisi assignment
□ MasterBehaviour yang berfungsi sebagai
tipe animasi yang dipilih untuk menampilkan menu.
□ MenuPages.add() yang diisi dengan default page yang ditampilkan
§ NavigateFromMenu yang digunakan untuk menambahkan dictionary MenuPages jika
id menu belum terdaftar dan mengubah nilai var Detail = pageNavigation yang dituju
• Views/MenuPage.xaml
○ berisi stack layout, ListView yang didalam ListView Terdapat ListView.ItemTemplate yang berisi item
yang nantinya akan ditampilkan
• Views/MenuPage.xaml.cs
○ hanya terdiri dari satu method constructor yang didalamnya mendaftarkan menu yang ada
,menu yang sedang diselect, dan juga berisi pendaftaran event selected dan mengirim id ke
method NavigateFromMenu(id) di main menu untuk pindah ke id tersebut
• Models/HomeMenuItem
○ berisi id dan title, tipe id-nya enum
ok kali ini juga kita akan coba menambah 1 menu lagi sebagai latihan caranya
1. Tambah file views/PageOne.xaml
2. tambah enum di models/HomeMenuItem misal dengan nama "PageOne"
3. tambah definisi menu di method constructor di file Views/MenuPage.xaml.cs
ini berfungsi agar list menu PageOne muncul list menu
4. tambah definisi switch case di views/MainPage.xaml.cs
ini berfungsi agar ketika menu PageOne diklik maka halaman akan berpindah
ke PageOne.xaml
cukup panjang untuk ukuran definisi menu. selain menu master dan detail ada juga tab dan shell yang akan
kita jelaskan di video berikutnya