如何在Android中保持RecyclerView的按钮点击状态

Question

我有一个RecyclerView，其中填充了CardViews。每个CardView上都有一个按钮，用于点赞帖子。

以下是未按下时按钮的外观： 以下是按下时按钮的外观： 我的代码可以实现这一点，但是由于它是一个RecyclerView，我遇到了一个问题。当我向下滚动帖子时，RecyclerView会回收之前已经点赞的帖子。因此，即使用户从未点赞过某个帖子，该帖子也会显示为已被点赞。

我该如何保持每个CardView中的按钮分别处于按下状态？

以下是我的Adapter：

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

    private String[] mDataset;

    Typeface customFont;

    // Provide a reference to the views for each data item
    // Complex data items may need more than one view per item, and
    // you provide access to all the views for a data item in a view holder
    public static class ViewHolder extends RecyclerView.ViewHolder {
        public TextView mTitle;
        public TextView mVoterCounter;
        public ImageButton mVoterButton;
        public ViewHolder(android.support.v7.widget.CardView v) {
            super(v);
            mTitle = (TextView) v.findViewById(R.id.title);
            mVoterCounter = (TextView) v.findViewById(R.id.voter_counter);

            //Initialize voter button
            mVoterButton = (ImageButton)v.findViewById(R.id.voter);

            mVoterButton.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    mVoterButton.setImageResource(R.drawable.ic_voter_pressed);
                }
            });
        }
    }

    // Provide a suitable constructor (depends on the kind of dataset)
    public DiscoverRecyclerAdapter(String[] myDataset, Typeface passedFont) {
        mDataset = myDataset;
        customFont = passedFont;
    }

    // Create new views (invoked by the layout manager)
    @Override
    public DiscoverRecyclerAdapter.ViewHolder onCreateViewHolder(ViewGroup parent,
                                                   int viewType) {
        // create a new view
        View v = LayoutInflater.from(parent.getContext())
                .inflate(R.layout.item_discover, parent, false);
        // set the view's size, margins, paddings and layout parameters
        return new ViewHolder((android.support.v7.widget.CardView)v);
    }

    // Replace the contents of a view (invoked by the layout manager)
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        holder.mTitle.setText(mDataset[position]);
        holder.mTitle.setTypeface(customFont);
        holder.mVoterCounter.setTypeface(customFont);
    }

    // Return the size of your dataset (invoked by the layout manager)
    @Override
    public int getItemCount() {
        return mDataset.length;
    }
}

- Gary Holiday

Answer 1

除了mDataset外，您还需要一个布尔数组，称为mIsSelected，该数组与mDataSet数组的大小相同，或者如果您愿意，可以创建一个类。

然后，在onBindViewHolder中执行以下操作：

 if(mIsSelected[position]
  mVoterButton.setImageResource(R.drawable.ic_voter_pressed);
else
 mVoterButton.setImageResource(R.drawable.ic_voter_unpressed);

将按钮的onclick事件移至onBindViewHolder方法内，代码如下：

 holder.mVoterButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
              mVoterButton.setImageResource(R.drawable.ic_voter_pressed);
              mIsSelected[position] = true;
            }
        });

- amodkanthe

---

这种方法对我很有效。我不确定在从数据库检索数据时它的可靠程度，但是对于硬编码布尔数组来说它是有效的。 - Gary Holiday

Answer 2

在onBindViewHolder的开始，您需要清除先前行视图中的所有先前数据。

在您的情况下，似乎您需要清除所有视图组件的可见性参数，使其恢复为默认值。之后，可以使用数据填充卡片。

由于您传入的数据集仅为字符串，因此您需要调用自己的API以获取点赞计数/状态。或者将数据集更改为自定义对象数组，以跟踪您需要设置和记录每个卡片的所有不同组件的数据。

简而言之：随着视图被回收，您需要在重用之前对其进行清理。

- TrevJonez