Data Collection di Windows Phone

Beberapa aplikasi terkadang membutuhkan tampilan yang menampilkan koleksi item yang datanya diambil dari local database. Di Windows Phone SDK fitur ini telah disediakan, yang di beri nama dengan LongListSelector. Fitur ini hampir sama dengan ItemControl dan ListBox.

Data Collection di Windows Phone

Berikut point – point yang ada pada LongListSelector:

  • Better performace
  • Bisa membuat virtualisasi loading untuk semua data diwaktu yang bersamaan.
  • Bisa menampilkan data dalam bentuk group untuk melihat list data, seperti halnya list data pada contact phone.
LongListSelector Jump List
LongListSelector Jump List

Membuat sebuah flat list

Membuat list group berdasarkan huruf pertama biasanya digunakan untuk membuat aplikasi yang menampilkan list data seperti contact dan lain – lain. Untuk menampilkannya Microsoft telah menyediakan teknologi yang diberi nama AlphaKeyGroup<T>. Untuk mengimplementasikannya, kita harus membuat classnya terlebih dahulu secara manual karena ini tidak disediakan default oleh Windows Phone SDK, menjadi seperti ini:

Fitur – fitur yang ada dikelas ini adalah:

  • Inherit dari List<T>, jadi intinya fitur ini mempersentasikan list dari sebuah elemen
  • Properti yang ada dipanggil dengan Key, yang mana ini berfungsi untuk menidentefikasi group (huruf awal dari sebuah alphabet).

Implementasi

Berikut tutorial untuk mengimplementasikan Group List di Windows Phone:

  1. Buat Class Person seperti berikut:https://gist.github.com/998c63de15eda8656376
  2. Selanjutnya kita buat dummy data untuk bisa membuktikan bahwa aplikasi dapat menampilkan data seperti source berikut:https://gist.github.com/194f85037983b7e9df03
  3. Sekarang saatnya mengunakan class AlphaGroupKey<T>, untuk mengkonversikan list menjadi sebuah group list yang dinamakan dengan method CreateGroup().https://gist.github.com/aa9fd10f23e0db0f62c4
  4. Object AlphaKeyGroup <T> adalah data return yang tadi didapat sebelumnya. Selanjutnya kita menggunakannya untuk properti ItemSource dari LongListSelectorControl berikut:https://gist.github.com/39655b8efcdfe4d37ef2
  5. Selanjutnya kita buat Interfacenya dengan XAML berikut:https://gist.github.com/a67b5a6d93e8ca5dd779
  6. Finished

    LongListSelector Alphabet
    LongListSelector Alphabet

 

Iklan

Good People write good comments ..

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s