【问题标题】:How to implement multi-select in RecyclerView? [closed]RecyclerView如何实现多选? [关闭]
【发布时间】:2016-07-22 01:29:24
【问题描述】:

我正在尝试使用多个可选项目实现 RecyclerView。

Here 是我尝试过的,但我无法成功。

这就是我想要做的:

【问题讨论】:

标签: android android-recyclerview multi-select


【解决方案1】:

我知道现在回答这个问题有点晚了。而且我不知道它是否符合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()

返回truefalse。如果该对象已被选中,我们需要更改选中的row_item 的背景颜色。为此,这里是代码

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

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

对于选择,我们需要使用setOnClickListener() 方法。 (这里我只使用TextView。所以我在TextView 上执行点击事件)。这里holder.view 表示整个单曲item_row。 Onclick 将布尔值切换为 truefalse

 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 的 Activity 或 Fragment 中,您可以像这样获取选定的对象/项目

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

这是输出

编辑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();  
        }
    });
}

希望对你有所帮助。

【讨论】:

  • 可以在不修改模型的情况下以某种方式实现吗?我希望适配器来处理选择,因为更改模型对我来说不是一个选项...
  • 抱歉,回复晚了。我没有检查那个功能。您可以在 Adapter 内部维护另一个 List&lt;SomeModelClass&gt; 但我不知道它是否可行?您在更改当前模型类的结构时面临哪些困难?
  • 我正在开发一个带有预定义模型的商业应用程序。我不允许更改模型只是为了让我更容易实现某些东西。模型必须与逻辑保持分离
  • @Shashanth 如何使用此示例将所选值传递给其他活动
  • 使用 Intent 将值从一个 Activity 传递给另一个。
【解决方案2】:

上述自定义多选实现的创建工作正确,但当数据集很大时可能会出现性能问题。我强烈建议您阅读 google 的 Advanced RecyclerView customization 文档。

【讨论】:

  • 这个问题可能早于 recyclerview-selection 包,但对于现代应用程序来说,应该如何使用这个包,就我而言,这个答案应该是公认的答案。
  • 不幸的是,关于如何使用它的好文档很少。虽然这是一个很好的例子androidkt.com/recyclerview-selection-28-0-0
  • 大卫,这些要求很坦率地说过于复杂,谷歌真的需要为此做点什么。当然,滚动你自己的观察者要容易得多。难怪谷歌没有正确记录它的使用,他们一定感到羞耻或在做其他事情。
【解决方案3】:
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(位置)(这将是一个很大的“不-no" afaik),最好将其移动到onCreateViewHolder(然后使用holder.getAdapterPosition() 获取位置)。这样,监听器只会被添加一次(当它被创建时),而不是每次被重复使用。 ;) 我也不确定为什么嵌套的ViewHolder 类中有一个额外的onClick
【解决方案4】:

在不创建模型类的情况下,我们可以在 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
                        )
                    )

【讨论】:

  • 非常感谢你的朋友:* 我一直在寻找这个以通过 2 天
【解决方案5】:

简单快捷的方法:

  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
    }

【讨论】:

    猜你喜欢
    • 2017-11-26
    • 1970-01-01
    • 2018-05-10
    • 2022-06-21
    • 1970-01-01
    • 1970-01-01
    • 2012-05-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多