[안드로이드] 리스트뷰 검색 기능 구현 (android ListView search)

리스트뷰(ListView)에  많은 데이터 값(data value)들이 들어간다.

그 수많은 데이터 값들 중에 우리가 필요한 데이터 값만 검색하였으면 하는 기능이 필요할 때가 있다.

 

검색할 단어를 Input창에 입력하면 그 단어가 포함된 단어 또는 문장이 검색되는것이다.

 

 

 

이 기능은 의외로 간단한 코드로 이루어져있다.

 

리스트뷰(ListView)를 사용할 줄 안다면 쉽게 구현이 가능하다.

 

우선 리스트뷰에 연결할 아답터부터 작업한다.

 

 

* row_listview.xml

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

    <TextView
        android:id="@+id/label"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="left|center_vertical"
        android:paddingLeft="5dp"
        android:textColor="#000000"
        android:textSize="20dp"/>

</LinearLayout>

리스트뷰의 셀에 데이터를 노출할 TextView를 정의한다.

 

* SearchAdapter.java

package com.studio572.searchlistview;

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.List;
/**
 * Created by Administrator on 2017-08-07.
 */

public class SearchAdapter extends BaseAdapter {

    private Context context;
    private List<String> list;
    private LayoutInflater inflate;
    private ViewHolder viewHolder;

    public SearchAdapter(List<String> list, Context context){
        this.list = list;
        this.context = context;
        this.inflate = LayoutInflater.from(context);
    }
    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int i) {
        return null;
    }

    @Override
    public long getItemId(int i) {
        return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup viewGroup) {
        if(convertView == null){
            convertView = inflate.inflate(R.layout.row_listview,null);

            viewHolder = new ViewHolder();
            viewHolder.label = (TextView) convertView.findViewById(R.id.label);

            convertView.setTag(viewHolder);
        }else{
            viewHolder = (ViewHolder)convertView.getTag();
        }

        // 리스트에 있는 데이터를 리스트뷰 셀에 뿌린다.
        viewHolder.label.setText(list.get(position));

        return convertView;
    }

    class ViewHolder{
        public TextView label;
    }

}

아답터의 기본기능만 코딩하면 된다.

기본 오버라이드 메소드를 정의한다.

그리고 검색된 String 데이터 값을 노출할 부분을 아래와 같이 추가한다.

        viewHolder.label.setText(list.get(position));

 

 

다음은 메인 액티비티이다.  

 

* activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <EditText
            android:id="@+id/editSearch"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="검색어를 입력하세요."/>

        <ListView
            android:id="@+id/listView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:divider="#999999"
            android:dividerHeight="1dp">
        </ListView>
    </LinearLayout>
</android.support.constraint.ConstraintLayout>

검색어를 입력할 EditText와 검색된 결과 데이터 값을 보여줄 ListView를 정의한다

 

 

 

* MainActivity.java

package com.studio572.searchlistview;

import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;
import android.widget.EditText;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.List;
import java.util.Locale;
import java.util.concurrent.ScheduledExecutorService;

public class MainActivity extends AppCompatActivity {

private List<String> list; // 데이터를 넣은 리스트변수
private ListView listView; // 검색을 보여줄 리스트변수
private EditText editSearch; // 검색어를 입력할 Input 창
private SearchAdapter adapter; // 리스트뷰에 연결할 아답터
private ArrayList<String> arraylist;

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

editSearch = (EditText) findViewById(R.id.editSearch);
listView = (ListView) findViewById(R.id.listView);

// 리스트를 생성한다.
list = new ArrayList<String>();

// 검색에 사용할 데이터을 미리 저장한다.
settingList();

// 리스트의 모든 데이터를 arraylist에 복사한다.// list 복사본을 만든다.
arraylist = new ArrayList<String>();
arraylist.addAll(list);

// 리스트에 연동될 아답터를 생성한다.
adapter = new SearchAdapter(list, this);

// 리스트뷰에 아답터를 연결한다.
listView.setAdapter(adapter);

// input창에 검색어를 입력시 "addTextChangedListener" 이벤트 리스너를 정의한다.
editSearch.addTextChangedListener(new TextWatcher() {
@Override
public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {
}

@Override
public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {

}

@Override
public void afterTextChanged(Editable editable) {
// input창에 문자를 입력할때마다 호출된다.
// search 메소드를 호출한다.
String text = editSearch.getText().toString();
search(text);
}
});


}

// 검색을 수행하는 메소드
public void search(String charText) {

// 문자 입력시마다 리스트를 지우고 새로 뿌려준다.
list.clear();

// 문자 입력이 없을때는 모든 데이터를 보여준다.
if (charText.length() == 0) {
list.addAll(arraylist);
}
// 문자 입력을 할때..
else
{
// 리스트의 모든 데이터를 검색한다.
for(int i = 0;i < arraylist.size(); i++)
{
// arraylist의 모든 데이터에 입력받은 단어(charText)가 포함되어 있으면 true를 반환한다.
if (arraylist.get(i).toLowerCase().contains(charText))
{
// 검색된 데이터를 리스트에 추가한다.
list.add(arraylist.get(i));
}
}
}
// 리스트 데이터가 변경되었으므로 아답터를 갱신하여 검색된 데이터를 화면에 보여준다.
adapter.notifyDataSetChanged();
}

// 검색에 사용될 데이터를 리스트에 추가한다.
private void settingList(){
list.add("채수빈");
list.add("박지현");
list.add("수지");
list.add("남태현");
list.add("하성운");
list.add("크리스탈");
list.add("강승윤");
list.add("손나은");
list.add("남주혁");
list.add("루이");
list.add("진영");
list.add("슬기");
list.add("이해인");
list.add("고원희");
list.add("설리");
list.add("공명");
list.add("김예림");
list.add("혜리");
list.add("웬디");
list.add("박혜수");
list.add("카이");
list.add("진세연");
list.add("동호");
list.add("박세완");
list.add("도희");
list.add("창모");
list.add("허영지");
}
}

ListView와 Adapter를 정의하고 검색에 필요한 단어를 리스트에 추가 시킨다.

EidtText의 listener인 addTextChangedListener에서 문자를 입력 받을때마다 search() 메소드를 호출해 리스트에서 검색을 수행한다.

그리고 검색된 단어는 리스트에 추가되어 리스트뷰에 노출된다.

 

이 검색 기능구현은 간단하다.

기존 리스트뷰에 EdixtText의 addTextChangedListener 와 위에 정의된 search() 메소드만  추가하면된다.