Cara Membuat CustomListView dengan SearchBox Android - Okedroid.com | Belajar Coding Android Java Online Gratis
Okedroid.com | Belajar Coding Android Java Online Gratis

Cara Membuat CustomListView dengan SearchBox Android

ListView adalah Sebuah tampilan daftar atau juga disebut daftar list dari sebuah konten atau data yang memungkinkan kalian bisa melihatnya secara berurutan ke bawah dengan gaya vertikal di  tampilan Aplikasi Android. ListView berguna jika kita membuat Aplikasi Android dan ingin menampilkan suatu list misal daftar nama,nomor hp,nama-nama binatang dll. 

ListView adalah versi deprecated  (versi lama ) dari ReyclerView. ListView menggunakan ArrayList yang berguna untuk menyimpan data ke dalam list obyek dalam bentuk array ,yang ukuranya tergantung dengan jumlah data yang akan diinput. Serta menggunakan Adapter untuk mengatur akses dan resource view dari item data atau Dataset(kumpulan data) ,yang akan ditampilkan pada screen(layar)


Cara Membuat CustomListView dengan SearchBox Android


Mekipun versi lama , pada tutorial belajar andorid kali ini kita akan mencoba membuat CustomListView yang dikombinasikan dengan SearchBox(Kotak Pencari). Search Box disini kita akan menggunakan widget EditText. serta tidak menggunakan Actionbar atau toolbar.





1. Pertama buka Android Studio 

2. Pilih Start a New Android Studio Project 

Start a New Android Studio Project
Start a New Android Studio Project
                                        


3.Kedua pada bagian Create New Project, sesuaikan dengan nama dan package serta lokasi file yang akan kalian gunakan. Untuk contoh saya menggunakan seperti yang ada di gambar di bawah. Jika sudah pilih Next.

Configure New Project
Configure New Project



4. Selanjutnya tentukan Target Android Devices dari Aplikasi kalian , secara default saya menggunakan API 15 untuk minimumnya. Jika sudah pilih Next.

Target Android Devices in Android Studio
Target Android Devices

5. Pada bagian Add an Activity to Mobile , kita bisa memilih Empty Activity lalu pilih Next.


Add an Activity to Mobile
Empty Activity

6. Selanjutnya di bagian Customize the Activity kita hanya perlu memilih tombol Finish.


Cutomize the Activity
Customize the Activity


7.Setelah itu kita tunggu sampai proses building project gradle selesai .



8. Setelah selesai proses building , kita akan mencoba CustomListView dengan SearchBox  berikut langkah-langkahnya: 



1) Layout


Pada bagian layout kalian terapkan baris instruksi (codingan) dibawah pada file activity_main.xml dan daftar_barang.xml. Kalian bisa membuat file layout baru dengan  nama  contoh daftar_barang.xml atau yang lainya.


activity_main.xml  = untuk menerapkan widget ListView dan SearchBox dengan wiget EditText
daftar_barang.xml. = untuk menerapkan isi konten atau data dari ListView seperti icon dan text (ImageView dan TextView).


activity_main.xml 




daftar_barang.xml






2) Activity

Pada file Activity kalian bisa menerapkan baris instruksi (codingan) dibawah pada file class MainActivity.java




MainActivity.java

Kalian bisa mereplace atau mengganti pesan text Toast.makeText(getApplicationContext(), "Harga Tv", Toast.LENGTH_SHORT).show();  menjadi intent untuk menghubungkan antar Activity    Intent intent = new Intent(this, MainActivity2.class);                startActivity(intent);


Setelah itu kita coba jalankan Aplikasinya di Android Studio

Kurang lebih hasilnya kalian bisa melihat Video Demo App berikut :





 Download Source Code



0 Komentar untuk "Cara Membuat CustomListView dengan SearchBox Android"

Silakan berkomentar sesuai dengan Postingan/Artikel yang di bahas.
Jangan SPAM di komentar ini

Back To Top
-->