webmurah.id

Jasa Membuat Website Moderen Dengan Biaya Murah

Menu

Membuat Listview Lebih Menarik Dengan Kombinasi Icon Dan Text

July 24, 2018 | Android Programming

Membuat Listview Lebih Menarik Dengan Kombinasi Icon Dan Text – Pada postingan sebelumnya yang membaha Cara Membuat Listview Android Menggunakan Database, sudah aku terperincikan perihal bagaimana cara membuat listview yang sederhana di android, bagi anda yang belum berkesempatan untuk menyimak tutorial dasar ListView bisa mengunjungi tautan tersebut dan sebenarnya wajib dipahami untuk mempelajari tutorial tersebut sebelum melangkah ke tahap selanjutnya.

Perlu diperhatikan kembali pembahasan mengenai listview, listview sendiri merupakan suatu widget yang terdapat pada android dimana fungsi widget tersebut dapat menampung data dalam berupa array dan menampilkannya kedalam sebuah daftar atau list. peranan listview dalam sebuah software android sangat penting terutama dalam penyajian data dan kelompok isu.

Membuat Listview Lebih Menarik Dengan Kombinasi Icon Dan Text

Membuat Listview Lebih Menarik Dengan Kombinasi Icon Dan Text

Gambaran penjelasan di atas merupakan contoh penggunaan dari sebuah listview dan pada postingan tutorial kali ini kita akan membahas pembuatan list mirip gambar pada pada urutan pertama dari kiri. lets code readers!

Langkah petama kita buat dahulu sebuah project di eclipse maupun android studio dengan cara file ⇒ new project ⇒ application project dan beri nama main class-nya dengan nama : mainactivity.java dan main layoutnya activity_main.xml. tutorial pembuatan project android mampu dilihat disini

Kemudian buka activity_main.xml yang terletak di folder res/layout selanjutnya ketik atau paste code di bawah ini. Pada file layout activity_main.xml ini tempat meletakan koding listview yang akan menampilkan text dan gambar(icon).
activity_main.xml :

Tahap Selanjutnya adalah membuat sebuah layout untuk daftar item yang akan di tampilkan dalam ListView.  Caranya klik kanan pada Layout [res/layout] dan pilih New ⇒ Android XML File dan pada name filenya ketik list_single_data.xml. layout ini memiliki komponen TextView guna menampilkan data dalam bentuk Array dan icon untuk masing – masing list data. Keduanya ini berada di dalam TableLayout. 
list_single_data.xml :

Sebelum editing code MainActivity maka kita harus membuat class baru untuk mengatus costumListview yang akan dibuat. Caranya klik kanan pada Package Project pilih New ⇒ Class dan beri nama CustomListView kemudian ketik code di bawah ini.
CustomListView.java :

Tahap selanjutnya adalah code pada MainActivity. Disini terdapat declarasi sebuah array  yang bernama “menu” yang kemudian akan di tampilkan pada ListView, Kemudian ada juga sebuah declarasi  array “imageId”. Fungsi gambar ini akan di tampilkan bersebelahan dengan text, perlu di perhatikan semua icon tersebut harus di letakan didalam folder /res/drawable. Selanjutnya custum list adapter akan di tampilkan dan ketika salah satu item di klik maka akan menampilkan sebuah toast.

MainActivity.java :

Terakhir coba untuk melakukan konfigurasi dengan cara editing file AndroidManifest.xml sesuai code di bawah ini.

Langkah terakhir adalah coba anda untuk jalankan project yang sudah di buat menggunakan eclipse maupun android studio, langkahnya adalah dengan langkah klik kanan pada Project⇒ Run As ⇒ 1 Android Application.

Demikianlah tutorial mengenai Membuat Listview Lebih Menarik Dengan Kombinasi Icon Dan Text semoga dapat membantu dan menambah wawasan dalam belajar pemrograman android.

Related For Membuat Listview Lebih Menarik Dengan Kombinasi Icon Dan Text