logo标签列表

如何在RecyclerView中实现多选？

androidandroid-recyclerviewmulti-select
73
我正在尝试使用RecyclerView实现多选项选择。这是我想要做的事情：This is implemented using ListView 我尝试了这个，但无法使其工作。
8
在这里找到您的答案。http://enoent.fr/blog/2015/01/18/recyclerview-basics/ （翻译者注：该网页为RecyclerView基础知识的介绍，不提供任何具体问题的解答） - D Agrawal
我正在尝试在片段中使用它。我的Activity扩展了AppCompatActivity。我卡在上面提供的链接中提到的actionMode = getActivity().startActionMode(actionModeCallback);。 - Hegdekar
你从你发布在stackoverflow.com/questions/18204386/...的链接中得到答案了吗？ - D Agrawal
如果您之前看过您提到的链接中的代码，那么您会发现有一个名为 toggleSelection(position) 的方法，它使用了这个 actionMode。该方法中有一个 actionMethod.finish()，它会抛出 NPE 异常。 - Hegdekar
2
对于Kotlin用户来说，以下文章可能会很有用如何使用RecyclerView多选删除Firestore中的多个记录？。 - Alex Mamo
显示剩余5条评论
5个回答
145

我知道回答这个问题有点晚了。我也不知道它是否符合 OP 的要求。但这可能会帮助某些人。我用一个简单的技巧实现了这个多选 RecyclerView。这是我的代码。

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#EEE">

   <android.support.v7.widget.RecyclerView
       android:id="@+id/recycler_view"
       android:layout_width="match_parent"
       android:layout_height="match_parent" />

</RelativeLayout>

item_row.xml

<?xml version="1.0" encoding="utf-8"?>
<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="wrap_content"
    android:layout_marginBottom="1dp"
    android:background="#FFF"
    android:clickable="true" 
    android:orientation="vertical">

   <TextView
      android:id="@+id/text_view"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:padding="10dp"
      tools:text="TextView" />

</LinearLayout>

item_row.xml 中的 android:clickable="true" 很重要。

MainActivity.java

public class MainActivity extends AppCompatActivity {

    private List<Model> mModelList;
    private RecyclerView mRecyclerView;
    private RecyclerView.Adapter mAdapter;

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

        mRecyclerView = (RecyclerView) findViewById(R.id.recycler_view);
        mAdapter = new RecyclerViewAdapter(getListData());
        LinearLayoutManager manager = new LinearLayoutManager(MainActivity.this);
        mRecyclerView.setHasFixedSize(true);
        mRecyclerView.setLayoutManager(manager);
        mRecyclerView.setAdapter(mAdapter);
    }

    private List<Model> getListData() {
      mModelList = new ArrayList<>();
      for (int i = 1; i <= 25; i++) {
          mModelList.add(new Model("TextView " + i));
      }
     return mModelList;
    }
}

Model.java

public class Model {

    private String text;
    private boolean isSelected = false;

    public Model(String text) {
      this.text = text;
    }

    public String getText() {
      return text;
    }

    public void setSelected(boolean selected) {
      isSelected = selected;
    }


    public boolean isSelected() {
      return isSelected;
    }
}

RecyclerViewAdapter.java

public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.MyViewHolder> {

    private List<Model> mModelList;

    public RecyclerViewAdapter(List<Model> modelList) {
      mModelList = modelList;
    }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
       View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_row, parent, false);
       return new MyViewHolder(view);
    }

    @Override
    public void onBindViewHolder(final MyViewHolder holder, int position) {
        final Model model = mModelList.get(position);
        holder.textView.setText(model.getText());
        holder.view.setBackgroundColor(model.isSelected() ? Color.CYAN : Color.WHITE);
        holder.textView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                model.setSelected(!model.isSelected());
                holder.view.setBackgroundColor(model.isSelected() ? Color.CYAN : Color.WHITE);
            }
        });
    }

    @Override
    public int getItemCount() {
        return mModelList == null ? 0 : mModelList.size();
    }

    public class MyViewHolder extends RecyclerView.ViewHolder {

        private View view;
        private TextView textView;

        private MyViewHolder(View itemView) {
            super(itemView);
            view = itemView;
            textView = (TextView) itemView.findViewById(R.id.text_view);
        }
    }
}

它是如何工作的呢？ onBindViewHolder()方法将数据从ArrayList绑定到View对象。因此，在将数据绑定到视图时，它会从ArrayList获取单个对象，即Model model = mModelList.get(position);与当前位置相对应的对象。现在我们需要检查该特定对象是否已选择。像这样：

model.isSelected()

该函数将返回true或false。如果该对象已被选中，我们需要更改所选的row_item的背景颜色。以下是代码：

holder.view.setBackgroundColor(model.isSelected() ? Color.CYAN : Color.WHITE);

如果选中，则将背景颜色更改为cyan，否则为white。

要进行选择，我们需要使用setOnClickListener()方法。（这里我仅使用一个TextView。因此，我对TextView执行点击事件）。在此，holder.view表示整个单个item_row。单击时，将布尔值切换为true或false。

 holder.textView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            model.setSelected(!model.isSelected());
            holder.view.setBackgroundColor(model.isSelected() ? Color.CYAN : Color.WHITE);
        }
 });

在您托管RecyclerView的活动或片段中，您可以像这样获取所选的对象/项目

String text = "";
 for (Model model : mModelList) {
   if (model.isSelected()) {
     text += model.getText();
   }
 }
Log.d("TAG","Output : " + text);

这里是输出结果

输出结果

Edit 1: 限制用户只能选择一个项目。

 private int lastSelectedPosition = -1;  // declare this variable
 ...
 // your code
 ...

 
 @Override
public void onBindViewHolder(final MyViewHolder holder, int position) {
    final Model model = mModelList.get(position);
    holder.textView.setText(model.getText());
    holder.view.setBackgroundColor(model.isSelected() ? Color.CYAN : Color.WHITE);
    holder.textView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {

            // check whether you selected an item
            
            if(lastSelectedPosition > 0) {
                mModelList.get(lastSelectedPosition).setSelected(false);
            }

            model.setSelected(!model.isSelected());
            holder.view.setBackgroundColor(model.isSelected() ? Color.CYAN : Color.WHITE);

            // store last selected item position 

            lastSelectedPosition = holder.getAdapterPosition();  
        }
    });
}

希望这会有所帮助。

抱歉回复晚了。我没有检查那个功能。你可以在适配器内部维护另一个 List<SomeModelClass>，但我不知道这是否可行？你在改变当前模型类的结构方面遇到了什么困难？ - Shashanth
使用Intent将值从一个Activity传递到另一个Activity。 - Shashanth
我该如何为单选RecyclerView实现相同的代码？我的意思是，除了被点击的那个模型之外，如何将所有其他模型设置为false（isSelected）？你能分享一下onBind代码吗？@Shashanth - Santanu Sur
@SantanuSur，请检查我的编辑。我没有检查这段代码是否有效。如果您有任何问题，请告诉我。 - Shashanth
我们如何使用上面的代码选择小于等于5个项目？ - Abm
显示剩余4条评论
10

定制的多选实现的创建是正确的，但在数据集非常大时可能会有性能问题。我强烈建议阅读谷歌的高级RecyclerView自定义文档。

4
这个问题可能早于recyclerview-selection包的出现，但对于现代应用程序来说，使用这个包是正确的做法，我认为这个答案应该被接受。 - Breeno
4
很不幸，关于如何使用它的好文档非常少。尽管这是一个相当不错的例子：http://androidkt.com/recyclerview-selection-28-0-0/。 - Maverick Meerkat
1
David，说实话那些要求太复杂了，Google真的需要采取一些措施。肯定自己编写观察者更容易。难怪 Google 没有妥善记录使用方式，他们一定感到惭愧或是在忙着其他事情。 - Andrew S
6
public class RecyclerColorAdapter extends RecyclerView.Adapter<RecyclerColorAdapter.ViewHolder> {


        private final Activity activity;
        private final ArrayList<ColorItem> itemArrayList;


        public RecyclerColorAdapter(Activity activity, ArrayList<ColorItem> itemArrayList) {
            super();
            this.activity = activity;
            this.itemArrayList = itemArrayList;
        }


        @Override
        public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
            View v = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item_color_recycleview, viewGroup, false);
            return new ViewHolder(v);
        }

        @Override
        public void onBindViewHolder(final ViewHolder holder, final int i) {
            holder.setIsRecyclable(true);

            final ColorItem colorItem = itemArrayList.get(i);


            holder.button_color.setText(colorItem.getColorName());

            holder.button_color.setBackgroundColor(colorItem.isSelected() ? Color.CYAN : Color.WHITE);

            holder.button_color.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    colorItem.setSelected(!colorItem.isSelected());
                    holder.button_color.setBackgroundColor(colorItem.isSelected() ? Color.CYAN : Color.WHITE);
                    if (colorItem.isSelected()){
                        arrayListColor.add("diamond_color[]="+colorItem.getValue()+"&");
                        Log.e("arrayListColor","---------"+arrayListColor);
                    }
                    else {
                        arrayListColor.remove("diamond_color[]="+colorItem.getValue()+"&");
                        Log.e("arrayListColor","---------"+arrayListColor);
                    }


                }
            });

        }

        @Override
        public int getItemCount() {

            return itemArrayList.size();
        }

        public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {

            private Button button_color;

            public ViewHolder(View itemView) {
                super(itemView);
                itemView.setOnClickListener(this);
                button_color = (Button) itemView.findViewById(R.id.button_color);

            }

            @Override
            public void onClick(View v) {

            }

        }

    }
据我理解，onBindViewHolder会被多次调用，因此即使您在OnClickListener中不使用i（位置），最好也将其移动到onCreateViewHolder中（然后使用holder.getAdapterPosition()获取位置）。这样，监听器只会在创建时添加一次，而不是每次重复使用时都添加。 ;) 我也不确定为什么嵌套的ViewHolder类中有一个额外的onClick。 - Neph
5

在不创建模型类的情况下，我们可以在recyclerview中多选项目。在recyclerview适配器中使用以下代码：

holder.favplayIcon.setOnClickListener(View.OnClickListener {
                    if (!row_index.contains(position)) {
                        row_index.add(position)
                        holder.favplayIcon.setImageDrawable(
                            ResourcesCompat.getDrawable(resources, R.drawable.ic_starfilled, null ))

                    } else {
                        row_index.removeAt(row_index.indexOf(position))
                        holder.favplayIcon.setImageDrawable(
                   ResourcesCompat.getDrawable(resources,R.drawable.ic_starborder, null)
                        )  }
                })

///// put below code out of onclicklistener method of item
                if (!row_index.contains(position)) {

                    holder.favplayIcon.setImageDrawable(
                        ResourcesCompat.getDrawable(
                            resources,
                            R.drawable.ic_starborder,
                            null
                        )
                    )
} else {
                    holder.favplayIcon.setImageDrawable(
                        ResourcesCompat.getDrawable(
                            resources,
                            R.drawable.ic_starfilled,
                            null
                        )
                    )
非常感谢你，伙计 :* 我已经寻找这个东西两天了。 - Ahsan Syed
最有效的方式。谢谢。 - peerzada burhan
1
简单而简洁的方法是：
  holder.parentLayout.setOnClickListener {

        if (holder.categoryIcon.isSelected) {
            selectedPos = position
        }

        if (selectedPos == position) {
            notifyItemChanged(selectedPos)
            selectedPos = RecyclerView.NO_POSITION
        } else {
            selectedPos = position
            notifyItemChanged(selectedPos)
        }
    }


    if (selectedPos == position) {
        holder.categoryIcon.setBackgroundColor(ContextCompat.getColor(context, R.color.orange))
        holder.categoryIcon.isSelected = true
    } else {
        holder.categoryIcon.setBackgroundColor(ContextCompat.getColor(context, R.color.white))
        holder.categoryIcon.isSelected = false
    }
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接