Cara Menerapkan Pencarian Searchview Pada Toolbar Android

SearchView  adalah salah satu komponen widget  yang digunakan oleh user (pengguna) , untuk memasukan dan menquery pencarian dari list kumpulan  data. SearchView ini digunakan untuk menambahkan fungsi pencarian ke dalam Aplikasi yang kalian buat. SearchView akan mendapatkan ,(query) dari user (pengguna) ketika melaksanakan pencarian dan akan menampilkan tampilan hasil pencarian, ke dalam bentuk view ,contohnya menyerupai widget TextView.

Toolbar yaitu sebuah komponen antar muka yang merupakan bab dari material design di Android.Yang juga merupakan pengganti kelanjutan dari versi terdahulu yaitu Action Bar, Toolbar terdiri dari navagasi icon,menu ,setting dll. Untuk memakai dan menerapkan toolbar kalian sanggup memakai nya dari library v21 (Appcompat) hingga versi terbaru sekarang.Nah disini lah kelebihan  Android Studio karna sudah support v21 dari awal  dirilis versi 1.0 

Pada tutorial berguru android kali ini, kita akan mencoba menciptakan dan menerapkanya fungsi pencarian dari widget SearchView ke dalam Toolbar(Action Bar) Android. Lalu hasil dari query pencarian akan di tampilkan dalam bentuk widget TextView.

1. Pertama buka project Android Studio kalian.

2. Yang perlu kita buat pertama kali yaitu , kita mengkonfigurasikan Searchable ke dalam folder  (res > xml > searchable.xml.)

Kalian sanggup menciptakan folder xml nya dengan cara: klik kanan pada folder res kemudian pilih New > Android resource directory.

Lalu tentukan folder xml pada Resource type.

Membuat folder xml

Kemudian buat xml resource file dengan cara pilih New pada folder xml , kemudian konfigurasikan nama dan isi dengan baris arahan (codingan ) dibawah:

File ini digunakan untuk pendefenisian ,Search View ke dalam file AndroidManifest.xml

searchable.xml

3. Lalu pada folder manifest > AndroidManifest.xml. 

Kalian setting menyerupai baris arahan (codingan ) berikut:

AndroidManifest.xml. 

Perlu kalian ketahui disini  saya memakai Activity bawaan yaitu MainActvity untuk memakai fungsi pencarian SearchView.
Fungsi dari android:launchMode="singleTop"  yaitu ketika kita melaksanakan pencarian kita tidak memanggil Activity lain, hanya memanggil atau Activity dikala ini yang sedang di pakai. Jika kalian ingin menerapkanya pada Activity gres atau Activity lain. kalian hanya perlu menerapkan tag  android:launchMode="singleTop"  kedalam Activity gres atau yang kalian ingin terapkan.
Serta  kita harus menerapkan tag <intent filter >
   <action android:name="android.intent.action.SEARCH" />                <category android:name="android.intent.category.DEFAULT" />
Kedalam Activity yang sedang dipakai.
Dan juga kita perlu mendefiniskan konfigurasi searchable dari folder xml.
            <meta-data                android:name="android.app.searchable"                android:resource="@xml/seachable" />

Nah untuk menerapkan fungsi pencarian SearchView kurang lebih sebagai dasarnya menyerupai itu.

4. Membuat folder menu

Secara default (bawaan) jikalau kita memilih Empty Activity , tidak disertakan folder menu di resource ,jadi kita akan membuatnya secara manual dengan cara:

Pada folder  res di struktur project Android Studio kalian, klik kanan kemudian pilih New > pilih  Android Resource Directory  seperti pada gambar di bawah:

Android Resource directory

 Pilih menu lalu pilih tombol OK.

Buat folder hidangan resource

Buat file xmlnya aku memperlihatkan nama menu_search.xml (Terserah kalian )  pada file menu. Salin baris intruksi (codingan ) di bawah :

menu_search.xml

Oh ya pada folder drawable kalian perlu isikan gambar atau iconya , disini aku memakai gambar vector dengan nama ic_search.

Untuk tips menciptakan vector di Android Studio , kalian sanggup membaca artikel tips sebelumny :

Baca : Tips Membuat Gambar SVG(Scalabe Vector Graphic) di Android Studio

5.  Pada file layout activity_main.xml

Disini kita menerapkan widget TextView untuk menampilkan hasil pencarian query.

activity_main.xml

6.  Pada file class MainActivty.java

Disini kita menerapkan fungsi dari SearchView 

MainActivty.java

7. Setelah itu kita coba jalankan Aplikasinya lewat Android Studio.

Hasil lebih jelasnya sanggup dilihat di Demo App berikut  :

Demikian Tutorial Cara Menerapkan Pencarian SearchView pada Toolbar Android. Perlu kalian ingat disini aku menciptakan fungsi dasarnya saja dari pencarian SearchView pada Toolbar Android. Untuk next level menyerupai SearchView di Reycler Viewn, di database , atau yang lain-lain, mungkin aku akan post tutorialnya nanti 

Sumber https://www.okedroid.com/

Share this post