Cara Menciptakan Customlistview Dengan Searchbox Android

ListView adalah Sebuah tampilan daftar atau juga disebut daftar list dari sebuah konten atau data yang memungkinkan kalian dapat melihatnya secara berurutan ke bawah dengan gaya vertikal di  tampilan Aplikasi Android. ListView mempunyai kegunaan kalau kita menciptakan Aplikasi Android dan ingin menampilkan suatu list misal daftar nama,nomor hp,nama-nama hewan dll. 

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

Mekipun versi usang , pada tutorial mencar ilmu andorid kali ini kita akan mencoba menciptakan CustomListView yang dikombinasikan dengan SearchBox(Kotak Pencari). Search Box disini kita akan memakai widget EditText. serta tidak memakai Actionbar atau toolbar.

1. Pertama buka Android Studio 

2. Pilih 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 rujukan aku memakai ibarat yang ada di gambar di bawah. Jika sudah pilih Next.

Configure New Project

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

Target Android Devices

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

Empty Activity

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

Customize the Activity

7.Setelah itu kita tunggu hingga proses building project gradle simpulan .

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

1) Layout

Pada bab layout kalian terapkan baris isyarat (codingan) dibawah pada file activity_main.xml dan daftar_barang.xml. Kalian dapat menciptakan file layout gres 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 ibarat icon dan text (ImageView dan TextView).

activity_main.xml 

daftar_barang.xml

2) Activity

Pada file Activity kalian dapat menerapkan baris isyarat (codingan) dibawah pada file class MainActivity.java




MainActivity.java

Kalian dapat 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 kesannya kalian dapat melihat Video Demo App berikut :

Sumber https://www.okedroid.com/

Share this post