Фильтр поиска и кастомный адаптер для ListView

| 23.12.2014

В этом уроке мы рассмотрим, как можно создать фильтр поиска для списка ListView, в котором используется кастомный адаптер. Реализация достаточно простая. Все, что нужно сделать, это добавить поле типа EditText, «навесить» на него слушателя и создать метод фильтрации элементов списка в классе адаптера.

Фильтр поиска и кастомный адаптер для ListView

За основу возьмем код реализации списка RecyclerView. Правда, изменим тип данных, который возвращает нам метод getDataSet() на ArrayList (код ниже).

Прежде всего, добавим поле типа EditText в разметку layout-а — res/layout/activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <EditText
        android:id="@+id/search"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >
    </EditText>

    <!-- A RecyclerView with some commonly used attributes -->
    <android.support.v7.widget.RecyclerView
        android:id="@+id/my_recycler_view"
        android:scrollbars="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

В класс адаптера RecyclerAdapter нужно добавить метод фильтрации, назовем его filter:

public void filter(String charText) {
    charText = charText.toLowerCase(Locale.getDefault());
    mDataset = new ArrayList<String>();
    if (charText.length() == 0) {
        mDataset.addAll(mCleanCopyDataset);
    } else {
        for (String item : mCleanCopyDataset) {
            if (item.toLowerCase(Locale.getDefault()).contains(charText)) {
                mDataset.add(item);
            }
        }
    }
    notifyDataSetChanged();
}

Весь код адаптера:

package ru.androiddocs.recyclerview;

import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.Locale;


public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.ViewHolder> {

    private ArrayList<String> mDataset;
    private ArrayList<String> mCleanCopyDataset;

    // класс view holder-а с помощью которого мы получаем ссылку на каждый элемент
    // отдельного пункта списка
    public static class ViewHolder extends RecyclerView.ViewHolder {
        // наш пункт состоит только из одного TextView
        public TextView mTextView;

        public ViewHolder(View v) {
            super(v);
            mTextView = (TextView) v.findViewById(R.id.tv_recycler_item);
        }
    }

    // Конструктор
    public RecyclerAdapter(ArrayList<String> dataset) {
        mDataset = dataset;
        mCleanCopyDataset = mDataset;
    }

    // Создает новые views (вызывается layout manager-ом)
    @Override
    public RecyclerAdapter.ViewHolder onCreateViewHolder(ViewGroup parent,
                                                   int viewType) {
        // create a new view
        View v = LayoutInflater.from(parent.getContext())
                .inflate(R.layout.recycler_item, parent, false);

        // тут можно программно менять атрибуты лэйаута (size, margins, paddings и др.)

        ViewHolder vh = new ViewHolder(v);
        return vh;
    }

    // Заменяет контент отдельного view (вызывается layout manager-ом)
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {

        holder.mTextView.setText(mDataset.get(position));

    }

    // Возвращает размер данных (вызывается layout manager-ом)
    @Override
    public int getItemCount() {
        return mDataset.size();
    }

    public void filter(String charText) {
        charText = charText.toLowerCase(Locale.getDefault());
        mDataset = new ArrayList<String>();
        if (charText.length() == 0) {
            mDataset.addAll(mCleanCopyDataset);
        } else {
            for (String item : mCleanCopyDataset) {
                if (item.toLowerCase(Locale.getDefault()).contains(charText)) {
                    mDataset.add(item);
                }
            }
        }
        notifyDataSetChanged();
    }
}

Код MainActivity.java

package ru.androiddocs.recyclerview;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.text.Editable;
import android.text.TextWatcher;
import android.widget.EditText;

import java.util.ArrayList;
import java.util.Locale;


public class MainActivity extends ActionBarActivity {

    private RecyclerView mRecyclerView;
    
    private RecyclerView.LayoutManager mLayoutManager;
    private  EditText editsearch;
    private RecyclerAdapter mAdapter;

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

        ArrayList<String> myDataset = getDataSet();

        mRecyclerView = (RecyclerView) findViewById(R.id.my_recycler_view);

        // если мы уверены, что изменения в контенте не изменят размер layout-а RecyclerView
        // передаем параметр true - это увеличиваем производительность
        mRecyclerView.setHasFixedSize(true);

        // используем linear layout manager
        mLayoutManager = new LinearLayoutManager(this);
        mRecyclerView.setLayoutManager(mLayoutManager);
        // создаем адаптер
        mAdapter = new RecyclerAdapter(myDataset);
        mRecyclerView.setAdapter(mAdapter);
        
        editsearch = (EditText) findViewById(R.id.search);

        // добавляем слушателя
        editsearch.addTextChangedListener(new TextWatcher() {

            @Override
            public void afterTextChanged(Editable arg0) {
                // TODO Auto-generated method stub
                String text = editsearch.getText().toString().toLowerCase(Locale.getDefault());
                mAdapter.filter(text);
            }

            @Override
            public void beforeTextChanged(CharSequence arg0, int arg1,
                                          int arg2, int arg3) {
                // TODO Auto-generated method stub
            }

            @Override
            public void onTextChanged(CharSequence arg0, int arg1, int arg2,
                                      int arg3) {
                // TODO Auto-generated method stub
            }
        });
     
    }

    private ArrayList<String> getDataSet() {

        ArrayList<String> mDataSet = new ArrayList();

        for (int i = 0; i < 100; i++) {
            mDataSet.add(i, "item" + i);
        }
        return mDataSet;
    }
}

Методом addTextChangedListener() «навешиваем» слушателя для текстового поля, внутри которого мы должны реализовать несколько методов, однако мы оставляем их тело пустым за исключением afterTextChanged(), в котором, собственно, вызываем метод фильтрации адаптера.

В методе filter() мы перебираем все пункты списка и, если какой-то пункт содержит искомый текст, то мы добавляем его в новый список mDataset:

if (item.toLowerCase(Locale.getDefault()).contains(charText)) {
    mDataset.add(item);
}

mCleanCopyDataset у нас всегда содержит неизмененную и неотфильтрованную (полную) копию данных списка.

Метод notifyDataSetChanged() позволяет обновить список на экране после фильтрации.

Чтобы клавиатура не открывалась сразу при запуске Активити в AndroidManifest.xml для MainActivity нужно добавить строчку:

android:windowSoftInputMode="stateHidden">

Полный код:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="ru.androiddocs.recyclerview" >
    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name"
            android:windowSoftInputMode="stateHidden">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*