Modul 7 Membuat Custom List View Kompleks

 Membuat Custom List View Menggunakan Icon


Seperti biasa, langsung kita buat new project, kemudian pilih Empty Activity, dengan settingan sebagai berikut :



Perhatikan baik baik settingan yang ada pada gambar di atas

1. Kita buat Resource file baru, yaitu class layout.xml, pada folder layout, klik kanan > New > Layout Resource File > beri nama layout > pilih Country Code > OK




setelah membuat Resource file baru, jangan lupa untuk convert ke Linear Layout kemudian pilih yang Vertikal, dengan cara klik kanan, Convert View, pilih Linear layout.

Berikut Source Code untuk layout.xml


2. kita buat Resource File baru lagi, caranya sama seperti membuat resource file layout.xml yaitu kita buat item.xml, saya langsung berikan code nya saja, agar singkat




3. Lanjut untuk membuat Java Class baru, yaitu Listadapter.java
 
 App > Java > com.example.customview2 > klik kanan > New > Java Class > beri nama listadapter.java



Berikut source code untuk listadapter.java :



4. Kemudian selanjutnya kita buat lagi Java Class baru, yaitu menu.java, caranya sama seperti membuat listadapter.java, berikut code untuk menu.java :



5. Yang terkahir kita buat untuk MainActivity.java nya, didalam MainActivity terdapat icon/gambar, sebelumnya harus sudah di download terelebih dahulu iconnya, bisa kalian download di Flaticon.com atau icons8.com, copy semua icon


kemudian paste kan semuanya di folder drawable letak foldernya res > drawable > klik kanan > paste > pilih yang pertama


kemudian dilanjutkan dengan membuat code untuk main activity nya, pastikan nama untuk iconnya sama pada codingan


setelah semuanya dibuat, coba kita Build, agar tahu apakah ada kesalahan atau tidak, jika tidak ada kesalahan/bug maka tampilannya akan seperti ini


Terimakasih, semoga bisa dipahami
untuk lebih jelasnya bisa kalian tonton video di bawahini



Tidak ada komentar:

Posting Komentar