Tutorial Cara Membuat ListView di Android Lengkap Dengan Gambar

Androidjet – Artikel kali ini saya akan membahas tentang Tutorial Cara Membuat ListView di Android secara sederhana.Secara sederhana ListView adalah user interface pada Android yang menampilkan item-item berbentuk list dari sekumpulan daftar yang tersusun berbaris ke bawah atau ke samping dengan tampilan yang dapat scroll.GridView merupakan serangkaian item-item atau daftar yang tersusun secara vertikal dan horizontal yang dapat ditampilkan secara keseluruhan bentuk kotak.

Dalam tutorial ini saya akan membuat ListView dengan paduan gambar di sampingnya.Menu ListView akan membuat tampilannya bagus dan terlihat menarik.Simak tutorial di bawah ini :

Tutorial Lengkap Cara Membuat ListView di Android

1. Unduh starter proyek  dan buka Android Studio.
Welcome to Android Studio dialog, pilih Impor proyek (Eclipse ADT, Gradle, dll.).

cara membuat listview di android

2. Dalam dialog berikut, pilih  direktori project starter AllTheRecipes-Starter dan klik OK.

cara membuat listview di android

 

Baca juga : Cara Membuat Text Button dan Icon di Android

3. Di dalam project diimpor tersebut, Anda akan menemukan beberapa aset dan resources yang akan Anda gunakan untuk membuat aplikasi, string, warna, file XML tata letak dan font. Selain itu, ada beberapa kode boilerplate pemodelan objek Recipe dan MainActivity class.
Setelah anda menjalankan langkah di atas maka akan terlihat seperti ini:

cara membuat listview di android

1.  Buka res/layout/activity_main.xml. Seperti yang Anda tahu, ini adalah file yang menjelaskan tata letak MainActivity. Tambahkan ListView ke MainActivity dengan menyisipkan potongan kode berikut dalam RelativeLayout tag:

Buka MainActivity.java dan tambahkan variabel instance pada ListView dengan baris berikut:

Tambahkan potongan kode berikut yang ada di dalam metode onCreate di bawah ini:

Note :

  • Memuat daftar Recipe dari JSON dalam app. pemberitahuan bahwa starter project berisi kelas Recipe yang  menyimpan informasi tentang Recipe yang akan ditampilkan.
  • Hal ini menciptakan sebuah array dari string yang akan berisi teks yang akan ditampilkan dalam tampilan daftar.
  • Populates source data ListView dengan judul Recipe yang dimuat di bagian satu.
  • Menciptakan dan menetapkan sebuah adaptor yang sederhana untuk ListView. ArrayAdapter mengambil dalam konteks saat ini, file tata letak yang menentukan apa yang setiap baris dalam daftar akan terlihat seperti, dan data yang akan mengisi daftar sebagai argumen.
Baca Juga : Cara Membuat Menu Dropdown di Android

Berikut contoh tampilan yang sudah jadi :

cara membuat listview di android

Membuat sebuah class baru dengan mengklik kanan pada java/com.raywenderlich.alltherecipes dan memilih New > Java Class .RecipeAdapter dan mendefinisikannya dengan berikut:

Anda telah membuat kerangka adaptor.BaseAdapter class, yang membutuhkan beberapa metode.

Tambahkan potongan berikut di dalam RecipeAdapter class:
Di sini, Anda telah menambahkan variabel contoh yang akan dikaitkan dengan adaptor dan didefinisikan konstruktor untuk RecipeAdapter.

Langkah berikutnya adalah menerapkan metode adaptor. Tempatkan kode berikut di bagian bawah RecipeAdapter.
Note :

  • getCount() memungkinkan ListView untuk menampilkan  item atau dengan kata lain mengembalikan ukuran source.
  • getItem() untuk ditempatkan di posisi tertentu dari data source recipe yang diperoleh dari mDataSource.
  • Dengan mengimplementasikan metode getItemId() yang mendefinisikan ID yang unik untuk setiap baris dalam daftar. Untuk kesederhanaan hanya menggunakan posisi item sebagai idnya.
  • getView() menciptakan pandangan untuk digunakan sebagai sebuah baris dalam daftar. Di sini Anda menentukan informasi apa yang menunjukkan dan dimana itu di tempatkan di dalam ListView. Anda juga mengembang tampilan custom dari tata letak XML yang didefinisikan dalam res/layout/list_item_recipe.xml-

Mendefinisikan tata letak baris ListView

Untuk mengisi setiap elemen dari tampilan baris dengan data yang relevan setiap resep, oleh karena itu, Anda akan menentukan apa teks masuk “judul” elemen, elemen “subjudul” dan seterusnya.
Dalam metode getView(), tambahkan kode snippet berikut :
 Untuk masing-masing elemen (atau subviews) dari tampilan baris, khususnya judul, subjudul, detail dan thumbnail.
Sekarang bahwa Anda punya referensi disortir keluar, Anda perlu mengisi setiap elemen dengan data yang relevan. Untuk melakukannya, tambahkan potongan kode berikut di bawah :
Sekarang buka MainActivity.java sehingga Anda bisa menyingkirkan adaptor. OnCreate, menggantikan segala sesuatu di bawah ini (tetapi tidak termasuk) baris ini:
dengan

Baca Juga : Cara membuat portrait dan landscape di android studio

Anda hanya mengganti ArrayAdapter agak sederhana dengan RecipeAdapter Anda sendiri untuk membuat daftar yang lebih informatif.
Setelah semuanya selesai maka akan terlihat seperti ini:

cara membuat listview di android

Demikian tutorial kali ini cara membuat listview di android bisa bermanfaat untuk kita.Apabila ada kesulitan boleh bertanya di kolom komentar atau pun di form contact.

Incoming search terms:

Please follow and like us:
0

Add a Comment

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

Like dan Share jika artikel ini bermanfaat

  • RSS
  • Follow by Email
  • Facebook
    Facebook
  • Google+
    Google+
    https://androidjet.com/cara-membuat-listview-di-android">
  • Pinterest
  • LinkedIn