Jumat, 01 Agustus 2014

Windows 8 App: Review Grid dan Split Template

Dalam Visual Studio telah disediakan beberapa template dasar yang bisa kita gunakan untuk membuat aplikasi. Kali ini kita akan me-review 2 template, antara lain:

1. Grid Template
Template ini menampilkan daftar kelompok item, yang di dalam setiap kelompok terdapat daftar koleksi item. Misalnya, kelompok item diibaratkan sebagai nama-nama desa yang ada di kota Malang, dan koleksi item di dalamnya adalah daftar rumah pada desa tersebut. Ketika pengguna membuka sebuah kelompok (nama desa), maka dia akan disuguhi dengan detail kelompok (deskripsi desa tersebut) dan disampingnya ada daftar rumah yang bisa dilihat detailnya. Berikut ini adalah struktur dari Grid Template:


 


Berikut adalah daftar file yang ada pada Grid template:
  • App.xaml : menyediakan markup untuk keseluruhan konten pada aplikasi.
  • GroupedItemsPage.xaml : halaman utama yang menampilkan seluruh kelompok item.
  • GroupDetailPage.xaml : halaman berisi detail sebuah grup/kelompok item.
  • ItemDetailPage.xaml : tampilan full screen dari sebuah item.
  • App.xaml.cs : berisi kode yang mengatur jalannya aplikasi.
  • GroupedItemsPage.xaml.cs : berisi kode yang mengatur halaman utama.
  • GroupedDetailPage.xaml.cs : berisi kode yang mengatur halaman detail grup/kelompok.
  • ItemDetailPage.xaml.cs : berisi kode yang mengatur halaman utama sebuah item.
  • SampleDataSource.cs : berisi kode sumber data yang digunakan pada preview aplikasi.

2. Split Template
Template ini menampilkan kelompok item, jika user memilih sebuah kelompok, maka akan disuguhkan 2 kolom, kolom pertama berisi daftar koleksi item dan kolom kedua berisi detail item. Struktur Split template tampak pada gambar dibawah ini:



Berikut adalah daftar file yang ada pada Split template:
  • App.xaml : menyediakan markup untuk keseluruhan konten pada aplikasi.
  • ItemPage.xaml : halaman utama yang berisi daftar kelompok item.
  • Splitpage.xaml : halaman yang terdiri dari dua bagian (koleksi dan detail).
  • App.xaml.cs : berisi kode yang mengatur jalannya aplikasi.
  • ItemPage.xaml : berisi kode yang mengatur halaman utama.
  • Splitpage.xaml.cs : berisi kode yang mengatur halaman detail.
  • SampleDataSource.cs : berisi kode sumber data yang digunakan pada preview aplikasi.

0 comments:

Posting Komentar