首页 > 解决方案 > 如何使用 RecyclerView 和 CardView 在 SearchView 中实现多个过滤器?

问题描述

在此处输入图像描述

大家好,我创建了一个项目,如上图所示。我有使用 RecyclerView 和 CardView 的 SearchView,使用 ArrayList 存储项目。我有两个问题我无法解决,所以请帮助我。

首先,SearchView 有效,但 Name 和 ColorLike 之间不匹配。

在此处输入图像描述

其次,我想在 SearchView 中使用 Spinner 实现多个过滤器作为选项,这样我就可以按 Name 或 ColorLike 进行搜索。可能吗?

在此处输入图像描述

提前致谢。

这是我的代码。

模型.java

package com.example.myapplication;

public class Model {
    private String name;

    public String getName() {
        return name;
    }

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

适配器.java

package com.example.myapplication;

import android.content.Context;
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 Adapter extends RecyclerView.Adapter<Adapter.MyViewHolder> {

    private LayoutInflater inflater;
    private ArrayList<Model> searchResult;
    private ArrayList<Model> arraylist;

    public static String[] name;
    public static String[] colorlike;

    public Adapter(Context context, ArrayList<Model> searchResult) {
        inflater = LayoutInflater.from(context);
        this.searchResult = searchResult;
        this.arraylist = new ArrayList<Model>();
        this.arraylist.addAll(MainActivity.searchResult);
    }

    @Override
    public Adapter.MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = inflater.inflate(R.layout.cardview_item, parent, false);
        return new MyViewHolder(view);
    }

    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
        holder.tvName.setText(searchResult.get(position).getName());
        holder.tvColorLike.setText(colorlike[position]);
    }

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

    class MyViewHolder extends RecyclerView.ViewHolder {

        private TextView tvColorLike;
        private TextView tvName;

        MyViewHolder(View itemView) {
            super(itemView);

            tvName = (TextView) itemView.findViewById(R.id.item_name);
            tvColorLike = (TextView) itemView.findViewById(R.id.item_colorlike);
        }
    }

    public void filter(String charText) {
        charText = charText.toLowerCase(Locale.getDefault());
        MainActivity.searchResult.clear();
        if (charText.length() == 0) {
            MainActivity.searchResult.addAll(arraylist);
        } else {
            for (Model model : arraylist) {
                if (model.getName().toLowerCase(Locale.getDefault()).contains(charText)) {
                    MainActivity.searchResult.add(model);
                }
            }
        }
        notifyDataSetChanged();
    }
}

MainActivity.java

package com.example.myapplication;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.SearchView;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;

import java.util.ArrayList;

import static com.example.myapplication.Adapter.colorlike;
import static com.example.myapplication.Adapter.name;

public class MainActivity extends AppCompatActivity implements AdapterView.OnItemSelectedListener {

    public static ArrayList<Model> searchResult;
    private Adapter adapter;
    private static final String[] paths = {"Filter by Name", "Filter by ColorLike"};

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

        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
        recyclerView.setHasFixedSize(true);

        name = getResources().getStringArray(R.array.name);
        colorlike = getResources().getStringArray(R.array.colorlike);

        searchResult = populateList();
        adapter = new Adapter(getApplicationContext(), searchResult);
        recyclerView.setAdapter(adapter);
        recyclerView.setLayoutManager(new LinearLayoutManager(getApplicationContext(), LinearLayoutManager.VERTICAL, false));

        Spinner spinner = (Spinner) findViewById(R.id.spinner);
        final ArrayAdapter<String> adapter2 = new ArrayAdapter<String>(getApplicationContext(), android.R.layout.simple_spinner_item, paths);
        adapter2.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        spinner.setAdapter(adapter2);
        spinner.setOnItemSelectedListener(this);
    }

    private ArrayList<Model> populateList() {
        ArrayList<Model> list = new ArrayList<>();
        for (int i = 0; i < 8; i++) {
            Model model = new Model();
            model.setName(name[i]);
            list.add(model);
        }
        return list;
    }

    @Override
    public boolean onCreateOptionsMenu(final Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main, menu);

        final SearchView searchView = (SearchView) menu.findItem(R.id.search).getActionView();
        searchView.setOnQueryTextListener(new android.support.v7.widget.SearchView.OnQueryTextListener() {
            @Override
            public boolean onQueryTextSubmit(String query) {
                return true;
            }

            @Override
            public boolean onQueryTextChange(String newText) {
                adapter.filter(newText);
                return false;
            }
        });

        return true;
    }

    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        switch (position) {
            case 0:
                break;
            case 1:
                break;
        }
    }

    @Override
    public void onNothingSelected(AdapterView<?> parent) {
    }
}

activity_main.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">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimary"
        android:gravity="end"
        android:orientation="horizontal"
        android:paddingBottom="5dp"
        android:paddingEnd="16dp"
        android:paddingRight="16dp"
        android:paddingTop="5dp">

        <Spinner
            android:id="@+id/spinner"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:popupBackground="@color/colorPrimary" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#f7f7f7"
        android:orientation="horizontal"
        android:padding="5dp"
        android:weightSum="2">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="21dp"
            android:layout_weight="1"
            android:text="Name"
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="26dp"
            android:layout_weight="1"
            android:text="ColorLike"
            android:textAppearance="?android:attr/textAppearanceMedium" />
    </LinearLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clipToPadding="false"
        android:paddingBottom="16dp"
        android:paddingTop="16dp"
        android:scrollbars="vertical" />
</LinearLayout>

cardview_item.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_gravity="center"
    android:layout_marginBottom="8dp"
    android:layout_marginLeft="16dp"
    android:layout_marginRight="16dp"
    card_view:cardBackgroundColor="#fff">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:orientation="horizontal"
        android:weightSum="2">

        <TextView
            android:id="@+id/item_name"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:paddingLeft="10dp"
            android:paddingStart="10dp"
            android:text="name"
            android:textColor="#000"
            android:textSize="16sp" />

        <TextView
            android:id="@+id/item_colorlike"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:paddingLeft="10dp"
            android:paddingStart="10dp"
            android:text="colorlike"
            android:textColor="#000"
            android:textSize="16sp" />

    </LinearLayout>
</android.support.v7.widget.CardView>

标签: androidarraylistandroid-recyclerviewsearchviewandroid-cardview

解决方案


如果我没记错的话,您想通过名称和颜色进行搜索。只需更换

public void filter(String charText) {
        charText = charText.toLowerCase(Locale.getDefault());
        MainActivity.searchResult.clear();
        if (charText.length() == 0) {
            MainActivity.searchResult.addAll(arraylist);
        } else {
            for (Model model : arraylist) {
                if (model.getName().toLowerCase(Locale.getDefault()).contains(charText)) {
                    MainActivity.searchResult.add(model);
                }
            }
        }
        notifyDataSetChanged();
    }

使用以下代码,

public void filter(String charText) {
        charText = charText.toLowerCase(Locale.getDefault());
        MainActivity.searchResult.clear();
        if (charText.length() == 0) {
            MainActivity.searchResult.addAll(arraylist);
        } else {
            for (Model model : arraylist) {
                if (model.getName().toLowerCase(Locale.getDefault()).contains(charText) || model.getColor().toLowerCase(Locale.getDefault()).contains(charText)) {
                    MainActivity.searchResult.add(model);
                }
            }
        }
        notifyDataSetChanged();
    }

这将帮助您使用颜色和名称进行搜索。还要在模型类中添加一个带有 getter 的字符串颜色。

此外,如果您想单独搜索颜色和名称,您可以使用不同的方法进行过滤。

使用相同的过程。


推荐阅读