Penggunaan ListView dan GridView Sederhana

Listview merupakan komponen utama yang dapat menampilkan dan menampung data dalam
jumlah yang banyak secara vertical dalam bentuk list yang dapat di-scroll secara vertical. Contoh
aplikasi yang menggunakan Listview adalah Whatsapp.
Sedangkan gridview merupakan komponen utama yang dapat menampilkan dan menampung data
dalam jumlah yang banyak dalam bentuk grid (baris dan kolom). Biasanya implementasinya adalah
menampilkan katalog barang pada mobile commerce, gallery Image dsb. Salah satu apps yang
memanfaatkan gridview adalah Instagram.

Persamaan dua komponen ini adalah untuk menampilkan data kedalam bentuk List dan Grid
dibutuhkan Adapter yang berfungsi untuk memproses dan menformat tiap item data dalam
GridView atau ListView.
Adapter
Adapter adalah sebuah mekanisme untuk membinding sekumpulan data, memproses dan
memformat tampilan item-item data yang akan ditampilkan melalui listview atau gridview.
Android SDK telah menyediakan Adapter bawaan yang secara default dapat digunakan dan
dikustomisasi sesuai dengan kebutuhan yang ada. Berikut adalah native adapter yang terdapat
didalam Android SDK. 
ArrayAdapter : Adapter yang diperuntukan untuk mem-binding data-data dalam format array.
SimpleCursorAdapter : Adapter yang diperuntukan untuk mem-binding data-data column dalam
format objek Cursor (umumnya merupakan hasil nilai balik jika kita melakukan query pada
ContentProvider)

Practice Session Simple ListView

Pada kali ini kita akan membuat implementasi dari ListView dalam menampung data bentuk String
array sehingga dapat ditampilkan dalam bentuk List yang bisa diakses oleh pengguna. Implementasi
ListView sangat luas, selain memiliki tujuan utama yaitu menampilkan data dalam jumlah yang
banyak. ListView juga bisa digunakan sebagai tampilan pilihan menu pada aplikasi Android.
1. Buat Project dengan Start a new Android Studio Project
2. Lalu isikan Application Name dengan SimpleListView dan Company domain dengan nama yang
diinginkan, kemudian Klik Next dan pilih Blank Activity. Lanjutkan hingga Finish. Biarkan gradle
menggenerate project kita.
3. Pada activity_main.xml lengkapi kodenya sebagai berikut.

Pada code diatas kita menambahkan ListView kedalam tampilan xml kita dan nantinya akan kita
manipulasi di class Activity java yang kita punya.
4. Pada Class MainActivity lengkapi kodenya sebagai berikut
Pada kode diatas (perhatikan komentar dalam kode) kita melakukan beberapa langkah :
1 Menginisialisasi ListView berdasarkan id yang ada di file layout xml
2 Menginisialisasi data String array yang akan kita tampilkan di ListView
3 Membuat object adapter dengan menggunakan Adapter bawaah android secara default
dengan menentukan beberapa parameter sebagai inputannya:
1 Class Activity mana yang memanggil/menggunakan class ArrayAdapter
2 Layout xml untuk tampilan item list (disini kita menggunakan bawaan android)
3 Id dari object TextView untuk menampilkan item-item data dari object String array
4 Sumber data yang akan ditampilkan dalam konteks ini adalah : String array bernama
footballClubs
5 Men-set objek adapter kedalam ListView

5. Run dengan tombol Run ke emulator atau device atau export ke apk untuk instal secara manual
di device.
Practice Session Simple GridView
Pada kali ini kita akan belajar cara menggunakan GridView sederhana untuk menampilkan objek-
objek gambar.
1. Buat Project dengan Start a new Android Studio Project
2. Lalu isikan Application Name dengan SimpleGridView dan Company domain dengan nama
yang diinginkan, kemudian Klik Next dan pilih Blank Activity. Lanjutkan hingga Finish. Biarkan
gradle menggenerate project kita.
- Untuk gambar yang akan ditampilkan, simpan file sample0.jpg, sample1.jpg, sample2.jpg,
sample3.jpg, sample4.jpg, sample5.jpg, sample6.jpg and sample7.jpg di folder res/drawable,

3. Pada activity_main.xml lengkapi kodenya sebagai berikut.

4. Pada Class MainActivity lengkapi kodenya sebagai berikut

5. Buat Class Java baru, dengan nama ImageAdapter yang merupakan subclass dari BaseAdapter.
Isikan dengan kode berikut:
6. Run dengan tombol Run ke emulator atau device atau export ke apk untuk instal secara manual
di device.
Pengembangan SimpleGridView
1. Buat sebuah Empty Activity dengan nama SingleViewActivity, biarkan pilihan checkbox
default. Lengkapi kode pada class SingleViewActivity sehingga tampak seperti berikut :

2. Edit file activity_single_view.xml sehingga tampak seperti berikut :

3. Lalu lengkapi kode pada Class MainActivity, seperti berikut :