Scribd
Unggah
22 tayangan10 halaman

Pemrograman Mobile 4

ListView merupakan widget penting untuk menampilkan daftar informasi pada Android. ListView dapat digunakan untuk menampilkan daftar sederhana maupun kompleks dengan menggunakan adapter dan layout kustom. ListView juga dapat menangani klik pada itemnya untuk menampilkan informasi lanjut.

Diunggah oleh

setiyawanmuktiwijaya160902
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 PDF, TXT atau baca online di Scribd
22 tayangan10 halaman

Pemrograman Mobile 4

ListView merupakan widget penting untuk menampilkan daftar informasi pada Android. ListView dapat digunakan untuk menampilkan daftar sederhana maupun kompleks dengan menggunakan adapter dan layout kustom. ListView juga dapat menangani klik pada itemnya untuk menampilkan informasi lanjut.

Diunggah oleh

setiyawanmuktiwijaya160902
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 PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 10

PERTEMUAN 4

Mobile
Programming
ListView dalam Android
ListView
List view adalah widget untuk menampilkan data dalam bentuk list yang dapat di-scroll. Karena ukuran
layar smartphone terbatas, listview merupakan salah satu widget terpenting dan paling sering
digunakan untuk menampilkan kelompok informasi.

ListView dapat berbentuk sederhana sampai kompleks. Beberapa contoh

Kita akan mulai dengan membuat list sederhana seperti gambar di bawah:

1. Pertama, buat project baru lalu pilih Composite dan tambahkan ListView di activity_main.xml

2. Ganti id list view dengan “listAngka”


3. Di activity utama, tambahkan code sebagai berikut:

4. Coba jalankan.

Pada code di atas, dibuat adapter


berisi string untuk mengisi list. Sedangkan
R.layout.simple_expandable_list_item1 adalah layout standard yang disediakan Android.

Bagaimana mengupdate isi listview saat program sedang berjalan?

Untuk mengupdate data pada contoh diatas, nilai array dapat langsung diubah lalu panggil method
adapter.notifyDataSetChanged()untuk merefresh tampilan. Sebagai contoh, kita akan membuat
button yang saat diklik akan mengubah item pertama:

Tambahkan button diatas listview

Tambahkan event onClick bernama klikButton dan kode seperti berikut:


Composite ListView
Listview juga dapat digunakan untuk menampilkan struktur yang lebih rumit. Contoh berikut
memperlihatkan listview dengan isi yang kita tentukan sendiri.

Untuk membuatnya, pertama buat project baru. Tambahkan ListView seperti pada contoh sebelumnya.
Ganti id dengan listJudul.

Kemudian kita akan buat layout untuk setiap baris pada ListView yang berisi judul dan keterangan. Pilih
project pada project explorer, lalu klik kanan  Android Tools  New Resources File (gambar bawah)
Catatan: alternatif lain membuat layout XML, klik kanan project  new  Android XML File.

Pilih resource type “Layout”. Beri nama file row.xml, pilih root element LinearLayout, XML akan dibuat di
dalam direktori /res/layout. File row.xml ini akan menentukan layout dari setiap baris pada listview.

Pada row.xml yang baru digenerate tambahkan widget LargeText dan TextView (gambar bawah). Ganti
Id kedua komponen itu. LargeText dengan tvJudul dan TextView dengan tvKeterangan.

Pada contoh di atas hanya digunakan dua widget (LargeText dan TextView), tapi sebenarnya apapun
dapat dimasukkan di dalam layout ini. Misalnya Button, ImageView dan lainnya. Ini memungkinkan kita
membuat ListView dengan isi yang kompleks.

Sekarang buat class untuk yang menampung data judul dan keterangan. Pada project explorer, pilih
/src/[package], klik kanan  new  Class
Beri nama DataList

Berikut isi dari DataList. Class ini akan berisi data yang akan muncul di setiap baris.

Selanjutnya kita akan buat adapter untuk list. Fungsinya untuk “mengisi” setiap row dengan isi objek
DataList.

Buat class dengan cara yang sama dengan sebelumnya (klik /src/[package], klik kanan, new class), beri
nama DataAdapter, jadikan class ini turunan dari kelas ArrayAdapter.

Klik browse di dialog saat membuat class di bagian superclass (gambar bawahh)

Ketik Array…, maka akan muncul ArrayAdapter, pilih item tersebut (gambar bawah)

Isi class DataAdapter adalah sebagai berikut. Pada method getView, parameter pos adalah indeks baris.
Perhatikan pengisian tvJudul dan tvKeterangan dengan data sesuai indeks.
Terakhir, di activity utama (MainActivity.java) tambahkan kode berikut:

Jika dijalankan, hasilnya akan seperti ini:


Latihan:

Buat program dengan tampilan seperti berikut, saat tombol diklik, maka isi list akan
bertambah sesuai dengan nim dan nama. Tip: gunakan
adapter.notifyDataSetChanged() untuk merefresh data.

Penanganan Click pada ListView


Listview sering digunakan untuk menampilkan data master-detail yang jika di tap barisnya akan
menampilkan detil pada layar terpisah. Listview juga dapat digunakan untuk menampilkan menu.
Untuk menangani tap pada listview, gunakan method setOnItemClickListener

Contoh berikut akan menampilkan dialog singkat jika baris ditekan, judul pada baris juga akan berubah
menjadi warna merah. Berdasarkan kode pada contoh listview sebelumnya, tambahkan kode berikut
(bagian yang dilingkari). Penjelasan tentang Toast ada di sub bab berikutnya.

Ada empat parameter untuk onItemClick:

Parent AdapterView (view parent yang menampung semua row)


View View baris yang ditap
Position Posisi (indeks) dari view pada adapter
id Id dari row.

Praktekkan kode pada program anda!


Daftar Pustaka
1. Burd, B. (2012). Android Application Development All-in-One For Dummies. For Dummies.
2. Cinar, O. (2012). Android Apps with Eclipse (1 ed.). Appress.
3. Murphy, M. L. (2010). Android Programming Tutorials. United States of America:
CommonsWare, LLC.
4. Modul Mobile Programming Susanto Hariyanto, S.Kom.
5. Modul Mobile Programming, Sekolah Tinggi Manajemen Informatika & Komputer Indonesia,
6. Modul Praktikum Pemrograman Mobile, Teknik Informatika, Fakultas teknik Industri, Institut
Sains Dan Teknologi AKPRIND, Yogyakarta, 2014

Anda mungkin juga menyukai