0% menganggap dokumen ini bermanfaat (0 suara)
66 tayangan9 halaman

Android Modul 2 - Custom ListView

Modul ini menjelaskan cara membuat custom ListView di Android yang menampilkan daftar siswa dengan foto, nama, dan kelas. Terdapat beberapa langkah yaitu membuat layout item dan activity, kelas data siswa, adapter, mengisi data ke listview di activity utama, dan mengirim data ke activity detail ketika item dipilih. Tugas akhir membuat aplikasi ListView sederhana dengan data bebas minimal 3 item.
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
66 tayangan9 halaman

Android Modul 2 - Custom ListView

Modul ini menjelaskan cara membuat custom ListView di Android yang menampilkan daftar siswa dengan foto, nama, dan kelas. Terdapat beberapa langkah yaitu membuat layout item dan activity, kelas data siswa, adapter, mengisi data ke listview di activity utama, dan mengirim data ke activity detail ketika item dipilih. Tugas akhir membuat aplikasi ListView sederhana dengan data bebas minimal 3 item.
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 9

Android Basic | Modul 2 – Custom ListView

Fajar M Sukmawijaya

MODUL 2
CUSTOM LISTVIEW

ListView adalah user interface pada Android yang menampilkan item-item dari sekumpulan daftar
yang tersusun berbaris ke bawah atau ke samping dengan tampilan yang dapat scroll. Setiap item akan
otomatis dimasukkan kedalam list menggunakan Adapter yang datanya di ambil dari suatu Array atau
List atau Query Database yang dijadikan data model sebagai item dari ListView. ListView sering
digunakan dalam aplikasi Android, seperti kontak, email, twitter, dsb.

Pada modul ini, akan dijelaskan mengenai cara pembuatan ListView di Android.
1. Buatlah Project Baru di Android Studio/ Eclipse, dengan ketentuan sebagai berikut:
- Pada bagian Activity, pilih EmptyActivity atau BlankActivity.
- Gunakan minimal API 16: Android 4.1 (Jelly Bean)

2. Buka activity_main.xml lalu ubah kode xml menjadi seperti berikut ini:

1
Android Basic | Modul 2 – Custom ListView
Fajar M Sukmawijaya

3. Pada modul ini, ListView akan menampilkan data siswa dengan isian berupa foto (ImageView),
nama (TextView), dan kelas (TextView). Untuk itu dibutuhkan layout baru untuk membuat
tampilan item ListView tersebut. Buatlah layout baru dengan cara klik kanan pada layout > New
> Layout resource file. Isikan nama layout dengan nama item_siswa.xml.

4. Ubah kode xml item_siswa.xml menjadi seperti berikut ini:

2
Android Basic | Modul 2 – Custom ListView
Fajar M Sukmawijaya

item_list.xml digunakan untuk menampilkan item ListView yang terdiri dari ImageView untuk
menampilkan foto, dan 2 TextView untuk menampilkan nama dan kelas.

5. Buatlah sebuah Class baru dengan nama DataSiswa.java, klik kanan pada nama package project
> New > Java Class. Lalu isi nama Class dengan nama DataSiswa.java

6. Buka DataSiswa.java lalu tuliskan kode seperti berikut ini:

3
Android Basic | Modul 2 – Custom ListView
Fajar M Sukmawijaya

DataSiswa.java digunakan untuk mengolah data siswa, pada Class ini terdapat method getter
dan setter. Method getter adalah method yang tugasnya untuk mengambil data, sedangkan
method setter adalah method yang tugasnya untuk mengisi data ke dalam objek. Pada class ini
masukkan data apa saja yang dibutuhkan untuk ditampilkan ke dalam ListView, karena disini
listview membutuhkan 3 data, maka tambahkan variable nama, kelas, dan foto.

7. Buatlah sebuah Class baru dengan nama AdapterSiswa.java, klik kanan pada nama package
project > New > Java Class. Lalu isi nama Class dengan nama AdapterSiswa.java

8. Buka AdapterSiswa.java lalu tuliskan kode seperti berikut ini:

4
Android Basic | Modul 2 – Custom ListView
Fajar M Sukmawijaya

AdapterSiswa.java digunakan sebagai jembatan antara AdapterView (contohnya ListView)


dengan data. Adapter inilah yang menyediakan akses ke item data dan juga bertanggung jawab
untuk membuat sebuah View pada setiap item dalam kumpulan data.

5
Android Basic | Modul 2 – Custom ListView
Fajar M Sukmawijaya

9. Selanjutnya, buka MainActivity.java, lalu isikan kode berikut ini:

10. Pastikan tidak ada error, running program ke emulator atau device.
11. Buat sebuah Activity baru dengan cara klik kanan di nama package > New > Activity > Empty
Activity. Isi nama Activity dengan DetailActivity.java

6
Android Basic | Modul 2 – Custom ListView
Fajar M Sukmawijaya

12. Buka activity_detail.xml lalu tambahkan kode berikut ini:

7
Android Basic | Modul 2 – Custom ListView
Fajar M Sukmawijaya

13. Buka DetailActivity.java lalu tambahkan kode berikut ini:

14. Buka MainActivity.java, lalu tambahkan kode berikut ini:

Perintah diatas merupakan event ketika salah satu Item di ListView di klik (OnItemClick), yang
akan membuka activity detail dengan mengirim data nama, kelas, dan foto berdasarkan item
yang dipilih user.
15. Pastikan tidak ada error, lalu running aplikasi.

8
Android Basic | Modul 2 – Custom ListView
Fajar M Sukmawijaya

TUGAS MODUL 2
MEMBUAT CUSTOM LISTVIEW

Buatlah aplikasi yang berisi ListView dengan ketentuan sebagai berikut:


1. Isi data bebas. Masing-masing siswa harus memiliki data yang berbeda dengan siswa lainnya.
Contoh ListView data makanan, negara, mata uang, dll. 2.
Tampilan ListView berisi gambar dan text

3. Isikan minimal 3 data.


4. Dikumpulkan berupa file .apk

Anda mungkin juga menyukai