Sunday, December 21, 2014

Sample Search Implementation using TextWatcher

In this example, we will learn how to implement a search functionality in a listview using filters in your Android application. A listview can be filtered by the user input and is enabled using addTextChangedListener method. The search function will filter the listview with a matching string from the user input. Searching through the listview provides users an easy way to find the information they needed. We will create a listview with an edittext placed on top and on text input will filter the results and on listview item click will open a new activity. So lets begin…

public class SampleSearch extends Activity implements TextWatcher {

ArrayList arraylist = new ArrayList();

private void loadData() {
arraylist.add(new CustomVO("Ganesan"));
arraylist.add(new CustomVO("Ram"));
arraylist.add(new CustomVO("Ravi"));
arraylist.add(new CustomVO("Varshika"));
}

ListView listview;
EditText editsearch;
MyAdapter adapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.sample_search);
loadData();
listview = (ListView) findViewById(R.id.list_view);
editsearch = (EditText) findViewById(R.id.search_view);
adapter = new MyAdapter(this, android.R.layout.simple_list_item_1,
arraylist);
listview.setAdapter(adapter);
editsearch.addTextChangedListener(this);
}

@Override
public void afterTextChanged(Editable arg0) {
String text = editsearch.getText().toString()
.toLowerCase(Locale.getDefault());
adapter.filter(text);
}

@Override
public void beforeTextChanged(CharSequence arg0, int arg1, int arg2,
int arg3) {
}

@Override
public void onTextChanged(CharSequence arg0, int arg1, int arg2, int arg3) {
}

@SuppressLint("DefaultLocale")
public class MyAdapter extends ArrayAdapter {
ArrayList list;
ArrayList allDataList = new ArrayList();
private LayoutInflater mInflater;

public MyAdapter(Context context, int resource, ArrayList list) {
super(context, resource, list);
this.list = list;
this.allDataList.addAll(list);
mInflater = LayoutInflater.from(context);
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {

final ViewHolder holder;
if (convertView == null) {

holder = new ViewHolder();
convertView = mInflater.inflate(
android.R.layout.simple_list_item_1, null);
holder.name = (TextView) convertView
.findViewById(android.R.id.text1);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}

holder.name.setText(list.get(position).getName());
return convertView;
}

// Filter Class
@SuppressLint("DefaultLocale")
public void filter(String charText) {
charText = charText.toLowerCase(Locale.getDefault());
list.clear();
System.out.println(charText);

System.out.println(charText.length() == 0);

if (charText.length() == 0) {
list.addAll(allDataList);
} else {

for (CustomVO customVO : allDataList) {
if (customVO.getName().toLowerCase()
.contains(charText.toLowerCase())) {
list.add(customVO);
}
}
}
System.out.println(list);
notifyDataSetChanged();
}

class ViewHolder {
TextView name;
}

}

public class CustomVO {
private String name;

public CustomVO(String name) {
super();
this.name = name;
}

public String getName() {
return name;
}

public void setName(String name) {
this.name = name;
}
}


}


Layout.xml
xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <EditText
        android:id="@+id/search_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <ListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#FF0000" />

</LinearLayout>

3 comments:

  1. These ways are very simple and very much useful, as a beginner level these helped me a lot thanks fore sharing these kinds of useful and knowledgeable information. Python development company

    ReplyDelete
  2. Nice article, I will suggest to write more post  like this, Now I would like to highlight our services. Please visit our site for more details. Appconsultion is the best mobile app development company in Mumbai. We develop all kinds of android mobile apps, iOS mobile apps or cross-platform mobile apps at a competitive rate.
    website design service in Pune, digital marketing company in Mumbai
    top mobile app development company
    mobile app development company in Delhi
    mobile app development company in Patna
    mobile app development company in Mumbai
    mobile app development company in Pune
    Appconsultio Websolutions is the leading best mobile app development company in India.

    ReplyDelete