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

 

Good People write good comments ..

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s