SearchView

In Android, SearchView widget provide search user interface where users can enter a search query and then submit a request to search provider. It shows a list of query suggestions or results if available and allow the users to pick a suggestion or result to launch into. 

In the below example of SearchView we display SearchView and ListView. In this we create an animal name list and then set the Adapter to fill the data in ListView. Finally we implement SearchView.OnQueryTextListener to filter the animal list according to search query.

Below you can download complete SearchView Android Studio project code, see final output and step by step explanation of example:

Step 1: Create a new project and name it SearchViewExample

Step 2: Open res -> layout ->activity_main.xml (or) main.xml and add following code:

In this step we open an xml file and add the code for displaying a SearchView and ListView by using its different attributes.

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

    android:layout_width="fill_parent"

    android:layout_height="fill_parent">

    <SearchView

        android:id="@+id/search"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:iconifiedByDefault="false">

        <requestFocus />

    </SearchView>

    <ListView

        android:id="@+id/listview"

        android:layout_width="fill_parent"

        android:layout_height="fill_parent"

        android:layout_below="@+id/search" />

</RelativeLayout>

Step 3: Open   src -> package -> MainActivity.java

In this step we open MainActivity and add the code to initiate SearchView and ListView. In this we create an Animal name list and then set the adapter to fill the data in ListView. In this we also implement SearchView.OnQueryTextListener to filter the animal list according to search query.

package example.abhiandroid.searchviewexample;

import ...

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity implements SearchView.OnQueryTextListener {

    // Declare Variables

    ListView list;

    ListViewAdapter adapter;

    SearchView editsearch;

    String[] animalNameList;

    ArrayList<AnimalNames> arraylist = new ArrayList<AnimalNames>();

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        // Generate sample data

        animalNameList = new String[]{"Lion", "Tiger", "Dog",

                "Cat", "Tortoise", "Rat", "Elephant", "Fox",

                "Cow","Donkey","Monkey"};

        // Locate the ListView in listview_main.xml

        list = (ListView) findViewById(R.id.listview);

        for (int i = 0; i < animalNameList.length; i++) {

            AnimalNames animalNames = new AnimalNames(animalNameList[i]);

            // Binds all strings into an array

            arraylist.add(animalNames);

        }

        // Pass results to ListViewAdapter Class

        adapter = new ListViewAdapter(this, arraylist);

        // Binds the Adapter to the ListView

        list.setAdapter(adapter);

        // Locate the EditText in listview_main.xml

        editsearch = (SearchView) findViewById(R.id.search);

        editsearch.setOnQueryTextListener(this);

    }

    @Override

    public boolean onQueryTextSubmit(String query) {

        return false;

    }

    @Override

    public boolean onQueryTextChange(String newText) {

        String text = newText;

        adapter.filter(text);

        return false;

    }

}

Step 4: Now create New Class. Go to app -> java -> right click on package-> New -> Java Class and create ListViewAdapter.java and add following code. Here we extends BaseAdapter in ListViewAdapter class and then set the data in the ListView by using Modal class. 

package example.abhiandroid.searchviewexample;

import android.content.Context;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.TextView;

import java.util.ArrayList;

import java.util.List;

import java.util.Locale;

public class ListViewAdapter extends BaseAdapter {

    // Declare Variables

    Context mContext;

    LayoutInflater inflater;

    private List<AnimalNames> animalNamesList = null;

    private ArrayList<AnimalNames> arraylist;

    public ListViewAdapter(Context context, List<AnimalNames> animalNamesList) {

        mContext = context;

        this.animalNamesList = animalNamesList;

        inflater = LayoutInflater.from(mContext);

        this.arraylist = new ArrayList<AnimalNames>();

        this.arraylist.addAll(animalNamesList);

    }

    public class ViewHolder {

        TextView name;

    }

    @Override

    public int getCount() {

        return animalNamesList.size();

    }

    @Override

    public AnimalNames getItem(int position) {

        return animalNamesList.get(position);

    }

    @Override

    public long getItemId(int position) {

        return position;

    }

    public View getView(final int position, View view, ViewGroup parent) {

        final ViewHolder holder;

        if (view == null) {

            holder = new ViewHolder();

            view = inflater.inflate(R.layout.listview_item, null);

            // Locate the TextViews in listview_item.xml

            holder.name = (TextView) view.findViewById(R.id.name);

            view.setTag(holder);

        } else {

            holder = (ViewHolder) view.getTag();

        }

        // Set the results into TextViews

        holder.name.setText(animalNamesList.get(position).getAnimalName());

        return view;

    }

    // Filter Class

    public void filter(String charText) {

        charText = charText.toLowerCase(Locale.getDefault());

        animalNamesList.clear();

        if (charText.length() == 0) {

            animalNamesList.addAll(arraylist);

        } else {

            for (AnimalNames wp : arraylist) {

                if (wp.getAnimalName().toLowerCase(Locale.getDefault()).contains(charText)) {

                    animalNamesList.add(wp);

                }

            }

        }

        notifyDataSetChanged();

    }

}

Step 5: Now Create new a new layout Activity. Go to res-> right click on layout -> New -> Activity -> Blank Activity and create list_view_items.xml and add following code. Here we are creating items view that will be displayed inside each row. 

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

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:padding="10dp">

    <TextView

        android:id="@+id/nameLabel"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Animal : " />

    <TextView

        android:id="@+id/name"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_toRightOf="@+id/nameLabel" />

</RelativeLayout>

Step 6: Now create New Class. Go to app -> java -> right click on package-> New -> Java Class and create AnimalNames.java and add following code. Here we have a constructor for setting the animal name and a function to get the animal name. 

package example.abhiandroid.searchviewexample;

public class AnimalNames {

    private String animalName;

    public AnimalNames(String animalName) {

        this.animalName = animalName;

    }

    public String getAnimalName() {

        return this.animalName;

    }

}

Output:

Now run the App, you will see different Animal names listed. Now type first character of Animal that came to your mind in SearchView and you will the list is sorted.