Cara membuat Search View di android studio

Oktober 15, 2017

Tutorial Cara Membuat Actionbar Search View Menggunakan Android Studio

Android Tutorial - Di tutorial kali ini kita akan membuat sebuah aplikasi sederhana yaitu membuat Sebuah Actionbar SearchView.
Baiklah langsung saja kita mulai .. !

Apa itu SearchView ??

SearchView adalah salah satu komponen widget yang digunakan oleh user (pengguna) , untuk memasukan dan menquery pencarian dari list kumpulan data.

1. Buat Project Baru di Android Studio:

2.lalu Isikan coding di activity_main.xml seperti dibawah ini :

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp"
    tools:context="com.androidtutorial.com.actionbarsearchview.Home">

   <ListView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       android:id="@+id/listview"></ListView>

</LinearLayout>

3. Tambahkan Coding di MainActivity.java seperti berikut ini :

MainActivity.java

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.SearchView;

import java.util.ArrayList;
import java.util.Arrays;

public class Home extends AppCompatActivity {

    ArrayAdapter<String> adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_home);

        ListView listView = (ListView)findViewById(R.id.listview);
        ArrayList<String> arrayList = new ArrayList<>();
        arrayList.addAll(Arrays.asList(getResources().getStringArray(R.array.array_country)));
        adapter = new ArrayAdapter<String>(
                Home.this,
                android.R.layout.simple_list_item_1,
                arrayList);
        listView.setAdapter(adapter);
    }

    //Tekan Ctrl+O
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.menu_search,menu);
        MenuItem item = menu.findItem(R.id.menuSearch);
        android.widget.SearchView searchView = (android.widget.SearchView)item.getActionView();

        searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
            @Override
            public boolean onQueryTextSubmit(String query) {
                return false;
            }

            @Override
            public boolean onQueryTextChange(String newText) {
                adapter.getFilter().filter(newText);
                return false;
            }
        });

        return super.onCreateOptionsMenu(menu);
    }
}

4.Tambahkan menu_search.xml di Res => menu => menu_search.xml.

menu-search.xml

<?xml version="1.0" encoding="utf-8"?>

<menu xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item

        android:id="@+id/menuSearch"

        android:title="Search"

        android:icon="@android:drawable/ic_menu_search"

        app:actionViewClass="android.widget.SearchView"

        app:showAsAction="always"></item>
</menu>

5.Tambahkan String array_coutry di Res => Values => Strings.xml.

<resources>
    <string name="app_name">ActionBarSearchView</string>
    <string-array name="array_country">
        <item>Afganistan</item>
        <item>Afrika</item>
        <item>Brazil</item>
        <item>Bahdag</item>
        <item>Indonesia</item>
        <item>India</item>
    </string-array>
</resources>