Android Membuat Custom ListView

Android Kustom ListView

Pada tutorial yang lalu Android Menampilkan Data pada ListView kita sudah bisa menampilkan data kedalam ListView di Android. Namun ada satu kekurangan yakni ListView yang kita buat memiliki tampilan yang ala kadarnya. Pada artikel ini saya akan menunjukkan bagaimana cara membuat sebuah custom ListView sehingga memiliki tampilan yang menarik.

Layout

Hal pertama yang kita siapkan adalah layout. Disini kita membuat 2 buah layout xml, pertama adalah layout utama yang akan menampilkan ListView sedangkan yang kedua adalah layout yang digunakan untuk memformat item pada ListView supaya memiliki tampilan yang cukup menarik.
Berikut ini adalah kedua layout tersebut
file : activity_main.xml

Layout diatas standar banget kita cuma menambahkan sebuah widget Listview.

Dan berikut ini adalah layout untuk format item. Perhatikan bagaimana susunan layoutnya yang sedemikian rupa serta widget apa saja yang ada didalamnya

file : list_item.xml

Kelas Model

Rencananya pada item di ListView kita akan menampilkan data berupa gambar, nama, jurusan, umur dan jenis kelamin. Untuk itu kita perlu membuat sebuah kelas model yang merepresentasikan seorang mahasiswa.
Berikut adalah kelasnya
file : Student.java

ArrayAdapter

Tengok lagi pada Android Menampilkan Data pada ListView, disitu kita menggunakan ArrayAdapter untuk bisa memasukkan data kesebuah ListView. Karena kita menginginkan layoutnya tidak sesederhana itu maka kita perlu membuat sebuah kustomisasi dari ArrayAdapter, disinilah inti dari membuat kustom layout pada ListView.
Berikut adalah kelas yang merupakan turunan dari ArrayAdapter

Kode diatas lumayan membutuhkan pemahaman yang mendalam. Jika sudah terbiasa pasti akan mudah untuk dipahami.

Main Activity

Saatnya kita menulis kode untuk Activity utama kita. Activity inilah yang akan menampilkan ListView yang telah kita buat diatas tadi.
Sebelumnya siapkan gambar dengan ukuran 32×32 pixel, kalian bisa mencarinya di Find Icon dan letakkan di folder res/drawable-mdpi.

file : MainActivity.java

Pada kelas diatas kita membuat 3 buah objek mahasiswa kemudian memasukkan kedalam sebuah list. Pada baris yang saya tandai kita mengeset array adapter untuk ListView yang akan menampilkan data mahasiswa. Array adapter yang digunakan adalah array adapter kustom yang telah kita buat tadi dengan parameter berupa context yaitu kelas Activity itu sendiri, kemudian parameter kedua yaitu layout item, dan paramter ketiga berupa list mahasiswa.

Running dan Screenshot

Jalankan program dan berikut adalah hasilnya

SC20130627-093232

Penutup

Demikian tutorial singkat tentang membuat kustom ListView, semoga bermanfaat 😀

Pada tulisan selanjutnya saya akan menulis mengenai penggunaan basisdata di Android

Facebook Comments
 

Agung Setiawan

Agung Setiawan adalah software engineer di BukaLapak.com, penulis sekaligus pecinta sastra, dan pembaca buku

 
Halo, perkenalkan saya Agung Setiawan.
Saya Software Engineer di BukaLapak.
Simak pemikian saya soal dunia Software Engineering via Twitter di @agungsetiawanmu dan facebook
Blog ini saya update seminggu sekali jadi sering-sering saja mampir
Mau belajar Vim bareng saya?
Belajar ngoding dari nol menggunakan PHP

2 thoughts on “Android Membuat Custom ListView

Leave a Reply

Your email address will not be published. Required fields are marked *