web-dev-qa-db-fra.com

Android - Implémentation du filtre de recherche sur un RecyclerView

Je dois implémenter une fonctionnalité de recherche basée sur EditText à ma RecyclerView. La liste doit être filtrée lors de la frappe.

Voici le code:

DisplayAdapter.Java c'est l'adaptateur

public class DisplayAdapter extends RecyclerView.Adapter<DisplayAdapter.MyViewHolder>{
    private List<DataHolder> displayedList;
    public class MyViewHolder extends RecyclerView.ViewHolder{
        public TextView english_d;
        public MyViewHolder(View view){
              super(view);
              english_d = (TextView) view.findViewById(R.id.engword);
        }
   }
    public DisplayAdapter(List<DataHolder> displayedList){
        this.displayedList = displayedList;
      }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int position)    {
    // create a layout
    View itemView = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item, parent, false);

    return new  MyViewHolder(itemView);
}
@Override
public void onBindViewHolder(MyViewHolder holder, int position) {
    DataHolder content = displayedList.get(position);
    holder.english_d.setText(content.getEnglish());
   }
@Override
public int getItemCount() {
    return displayedList.size();
   }
}

DataHolder.Java

public class DataHolder {
private String english;


public DataHolder() {
}

public DataHolder(String english, String norse) {
    this.english = english;

}

public String getEnglish() {
    return english;
}

public void setEnglish(String english) {
    this.english = english;
   }

}

et voici le fragment avec lequel je travaille:

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.activity_two_fragment, container, false);

        rv = (RecyclerView) view.findViewById(R.id.list_view_english);
        rv.setHasFixedSize(true);

        inputSearch = (EditText) view.findViewById(R.id.inputSearch);

        rv.addItemDecoration(new DividerItemDecoration(getActivity(), LinearLayoutManager.VERTICAL));
        final LinearLayoutManager layoutManager = new LinearLayoutManager(getActivity(), LinearLayoutManager.VERTICAL, false);
        rv.setLayoutManager(layoutManager);


        DisplayContent();


        disp_adapter = new DisplayAdapter(displayedList);

        rv.setAdapter(disp_adapter);
   return view;
}
13

dans votre adaptateur ajouter une nouvelle fonction pour mettre à jour la liste

public void updateList(List<DataHolder> list){
     displayedList = list;
     notifyDataSetChanged();
}

ajouter textWatcher pour la recherche permet de dire que vous utilisez Edittext comme champ de recherche

searchField.addTextChangedListener(new TextWatcher() {
        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {

            // TODO Auto-generated method stub
        }

        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            // TODO Auto-generated method stub
        }

        @Override
        public void afterTextChanged(Editable s) {

            // filter your list from your input
            filter(s.toString());
            //you can use runnable postDelayed like 500 ms to delay search text
        }
    });

Fonction de filtrage simple

void filter(String text){
     List<DataHolder> temp = new ArrayList();
     for(DataHolder d: displayedList){
           //or use .equal(text) with you want equal match
           //use .toLowerCase() for better matches
           if(d.getEnglish().contains(text)){
               temp.add(d);
           }
     }
     //update recyclerview
     disp_adapter.updateList(temp);
}


Avec Butterknife

@OnTextChanged(R.id.feature_manager_search)
protected void onTextChanged(CharSequence text) {
    filter(text.toString());
}
57
ZeroOne

Ceci pourrait vous aider. Il a les moyens de créer un RecyclerView avec un SearchView pour filtrer les éléments du RecyclerView.

1
San

j'ai fait comme ça

Fichier .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:orientation="vertical">

<Android.support.design.widget.AppBarLayout
    Android:id="@+id/appBar"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    app:elevation="1dp"
    Android:theme="@style/AppTheme.AppBarOverlay"
    Android:layout_marginBottom="@dimen/bottom_margin">

    <Android.support.v7.widget.Toolbar
        Android:id="@+id/toolbar"
        Android:layout_width="match_parent"
        Android:layout_height="?attr/actionBarSize"
        app:popupTheme="@style/AppTheme.PopupOverlay"/>

</Android.support.design.widget.AppBarLayout>

<EditText
    Android:id="@+id/etSearch"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:hint="Search"
    Android:imeOptions="actionDone"
    Android:singleLine="true"/>

<Android.support.v7.widget.RecyclerView
    Android:id="@+id/rvCategory"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent">
</Android.support.v7.widget.RecyclerView>
</LinearLayout>

Fichier de classe .Java

package com.example.myapplication;

import Android.content.Context;
import Android.content.Intent;
import Android.database.Cursor;
import Android.database.sqlite.SQLiteDatabase;
import Android.support.v7.app.AppCompatActivity;
import Android.os.Bundle;
import Android.support.v7.widget.CardView;
import Android.support.v7.widget.LinearLayoutManager;
import Android.support.v7.widget.RecyclerView;
import Android.support.v7.widget.Toolbar;
import Android.text.Editable;
import Android.text.TextWatcher;
import Android.view.LayoutInflater;
import Android.view.View;
import Android.view.ViewGroup;
import Android.widget.Button;
import Android.widget.EditText;
import Android.widget.Filter;
import Android.widget.Filterable;
import Android.widget.ImageView;
import Android.widget.TextView;

import org.json.JSONObject;

import Java.util.ArrayList;

public class Home extends AppCompatActivity implements ResultCallBack{

SQLiteDatabase db;

ArrayList<String> alCategorName=new ArrayList<>();

RecyclerView rvCategory;
EditText etSearch;
Category bookadapter;
ArrayList<String> alBookInfo;

String strURL="http://localhost:21246/api/TreasuryBooks?BookId=1";

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

    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    toolbar.setTitleTextColor(getResources().getColor(R.color.white));
    setSupportActionBar(toolbar);

//        AsyncTask_WebAPI asyncTask=new AsyncTask_WebAPI(this,strURL,this);
//        asyncTask.execute();

    etSearch=(EditText)findViewById(R.id.etSearch);
    etSearch.setText("");

    DatabaseAccess da= DatabaseAccess.getInstance(this);
    db=da.open();
    alBookInfo=new ArrayList<String>();

    Cursor c = db.rawQuery("select BookName from Books", null);
    int rows = c.getCount();

    c.moveToFirst();

    for(int i=0;i<rows;i++)
    {
        String strBoookName=c.getString(c.getColumnIndex("BookName"));
        alBookInfo.add(strBoookName);
        c.moveToNext();
    }

    c.close();
    db.close();

    rvCategory=(RecyclerView)findViewById(R.id.rvCategory);

    //Recycler view adapter
    bookadapter=new Category(this,alBookInfo);
    rvCategory.setLayoutManager(new LinearLayoutManager(this));
    rvCategory.setAdapter(bookadapter);

    //text change listner
    etSearch.addTextChangedListener(new TextWatcher() {
        @Override
        public void beforeTextChanged(CharSequence s, int start, int count,             int after) {

        }

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {
           bookadapter.getFilter().filter(s.toString());
        }

        @Override
        public void afterTextChanged(Editable s) {

        }
    });
}

@Override
public void onBackPressed() {
    Home.this.finish();
}

@Override
protected void onRestart() {
    super.onRestart();
    etSearch.setText("");
}

@Override
public void onResultListener(Object object) {
    JSONObject jsonObject=(JSONObject)object;
    try {
        String strId = jsonObject.getString("id");
        String strBookId=jsonObject.getString("BookId");
        String strBookName=jsonObject.getString("BookName");

        db.rawQuery("insert into Books values('"+strId+"','"+strBookId+"','"+strBookName+"'",null);
    }
    catch (Exception e)
    {
        e.printStackTrace();
    }
}

Adaptateur de recyclage 

  //Recycler view adapter Class with filterable interface

   private class Category extends RecyclerView.Adapter<viewHolder> implements Filterable
{
    ArrayList<String> alBooks=new ArrayList<String>();
    Context context;
    viewHolder holder;

    public  Category()
    {}

    public Category(Context context,ArrayList<String> albooks)
    {
        this.context=context;
        this.alBooks=albooks;
    }

    @Override
    public int getItemCount() {
        return alBooks.size();
    }

    @Override
    public viewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        View v=    LayoutInflater.from(parent.getContext()).inflate(R.layout.home_cardview,parent,false);
        holder=new viewHolder(v);
        return holder;
    }

    @Override
    public void onBindViewHolder(viewHolder holder, int position) {
        holder.tvBookName.setText(alBooks.get(position));
    }

    private Filter fRecords;

   //return the filter class object
    @Override
    public Filter getFilter() {
        if(fRecords == null) {
            fRecords=new RecordFilter();
        }
        return fRecords;
    }

   //filter class
    private class RecordFilter extends Filter {

        @Override
        protected FilterResults performFiltering(CharSequence constraint) {

            FilterResults results = new FilterResults();

            //Implement filter logic
    // if edittext is null return the actual list
            if (constraint == null || constraint.length() == 0) {
                //No need for filter
                results.values = alBookInfo;
                results.count = alBookInfo.size();

            } else {
               //Need Filter
        // it matches the text  entered in the edittext and set the data in adapter list
                ArrayList<String> fRecords = new ArrayList<String>();

                for (String s : alBookInfo) {
                    if (s.toUpperCase().trim().contains(constraint.toString().toUpperCase().trim())) {
                        fRecords.add(s);
                    }
                }
                results.values = fRecords;
                results.count = fRecords.size();
            }
            return results;
        }

        @Override
        protected void publishResults(CharSequence constraint,FilterResults results) {

       //it set the data from filter to adapter list and refresh the recyclerview adapter
            alBooks = (ArrayList<String>) results.values;
            notifyDataSetChanged();
           }
       }
   }

   private class viewHolder extends  RecyclerView.ViewHolder {
    CardView cv;
    TextView tvBookName;

    viewHolder(final View itemview) {
        super(itemview);

        cv = (CardView) itemview.findViewById(R.id.cardview);
        tvBookName = (TextView) itemview.findViewById(R.id.categoryName);

        itemview.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent=new       Intent(Home.this,Act_Fragment_Container.class);
                intent.putExtra("BookName", tvBookName.getText());
                startActivity(intent);
            }
        });
    }
   }

}

ajoutez l'adaptateur de vue recycleur dans la même classe pour éviter toute confusion ....

1
Kishor N R