Android 如何在RecyclerView中使用CardView上的OnClickListner？

我尝试这样做：

我的问题，当我点击我的

ImageView

时，我的

cardwiew

被展开，但第n个

cardwiew

也被展开，它将采用我点击的展开的

cardwiew

。我不明白为什么我的

onClick

方法也应用于另一个

cardwiew

我的适配器

public class CardsViewAdapter extends RecyclerView.Adapter<CardsViewAdapter.ViewHolder> {
    private Game[] mDataset;
    int rotationAngle = 0;

    // 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 {
        // each data item is just a string in this case
        public TextView mTextView;
        public ImageView imageView;
        public LinearLayout test2;
        public TextView test3;
        boolean isPopupVisible;

        public ViewHolder(View v) {
            super(v);
            mTextView = (TextView) v.findViewById(R.id.text_cards);
            imageView = (ImageView) v.findViewById(R.id.item_description_game_more);
            test2 = (LinearLayout) v.findViewById(R.id.popup_layout);
            test3 = (TextView) v.findViewById(R.id.test_view);
            isPopupVisible = false;
        }
    }

    // Provide a suitable constructor (depends on the kind of dataset)
    public CardsViewAdapter(Game[] myDataset) {
        mDataset = myDataset;
    }

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

        ViewHolder vh = new ViewHolder(v);
        return vh;
    }

    // Replace the contents of a view (invoked by the layout manager)
    @Override
    public void onBindViewHolder(final ViewHolder holder, int position) {
        // - get element from your dataset at this position
        // - replace the contents of the view with that element
        //TODO : complete
        final int pos = position;
        holder.mTextView.setText(String.valueOf(mDataset[position].getId_game()));
        holder.imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Log.d("POS","actual pos = "+pos);
                holder.test3.setText("Position : "+pos);
                // Perform action on click
                if (holder.isPopupVisible) {
                    holder.isPopupVisible = false;

                    ObjectAnimator anim = ObjectAnimator.ofFloat(v, "rotation",rotationAngle, rotationAngle + 180);
                    anim.setDuration(500);
                    anim.start();
                    rotationAngle += 180;
                    rotationAngle = rotationAngle%360;

                    CardsAnimationHelper.collapse(holder.test2);

                } else {
                    holder.isPopupVisible = true;

                    ObjectAnimator anim = ObjectAnimator.ofFloat(v, "rotation",rotationAngle, rotationAngle + 180);
                    anim.setDuration(500);
                    anim.start();
                    rotationAngle += 180;
                    rotationAngle = rotationAngle%360;

                    CardsAnimationHelper.expand(holder.test2);
                }
            }
        });
    }

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

公共类CardsViewAdapter扩展了RecyclerView.Adapter{
私人游戏[]mDataset；
int rotationAngle=0；
//提供对每个数据项的视图的引用
//复杂数据项可能需要每个项有多个视图，并且
//您可以访问视图持有者中数据项的所有视图
公共静态类ViewHolder扩展了RecyclerView.ViewHolder{
//在本例中，每个数据项只是一个字符串
公共文本视图mTextView；
公共影像视图；
公共线路布局测试2；
公共文本视图测试3；
布尔是可观察的；
公共视图持有者（视图v）{
超级（五）；
mTextView=（TextView）v.findViewById（R.id.text_卡）；
imageView=（imageView）v.findViewById（R.id.item\u description\u game\u more）；
test2=（LinearLayout）v.findviewbyd（R.id.popup_布局）；
test3=（TextView）v.findViewById（R.id.test\u视图）；
isPopupVisible=false；
}
}
//提供合适的构造函数（取决于数据集的类型）
公共卡VIEWADAPTER（游戏[]myDataset）{
mDataset=myDataset；
}
//创建新视图（由布局管理器调用）
@凌驾
公共卡VIEWADAPTER.ViewHolder onCreateViewHolder（视图组父级、，
int视图类型）{
//创建新视图
视图v=LayoutInflater.from（parent.getContext（））
.充气（R.layout.cards\u resume\u game，parent，false）；
//设置视图的大小、边距、填充和布局参数
//...
视窗支架vh=新视窗支架（v）；
返回vh；
}
//替换视图的内容（由布局管理器调用）
@凌驾
公共无效onBindViewHolder（最终ViewHolder，内部位置）{
//-在此位置从数据集中获取元素
//-用该元素替换视图的内容
//TODO:完成
最终int pos=位置；
holder.mTextView.setText（String.valueOf（mDataset[position].getId_game（））；
holder.imageView.setOnClickListener（新视图.OnClickListener（）{
@凌驾
公共void onClick（视图v）{
日志d（“POS”，“实际POS=“+POS”）；
holder.test3.setText（“位置：+pos”）；
//单击后执行操作
if（持有人：isPopupVisible）{
holder.isPopupVisible=假；
ObjectAnimator anim=ObjectAnimator.offload（v，“旋转”，旋转角度，旋转角度+180）；
动画设定持续时间（500）；
anim.start（）；
旋转角度+=180；
旋转角度=旋转角度%360；
CardsAnimationHelper.collapse（holder.test2）；
}否则{
holder.isPopupVisible=true；
ObjectAnimator anim=ObjectAnimator.offload（v，“旋转”，旋转角度，旋转角度+180）；
动画设定持续时间（500）；
anim.start（）；
旋转角度+=180；
旋转角度=旋转角度%360；
展开（holder.test2）；
}
}
});
}
//返回数据集的大小（由布局管理器调用）
@凌驾
public int getItemCount（）{
返回mDataset.length；
}
}

发生这种情况的原因是列表中的第n项正在重新使用您展开的视图。视图持有者就是为了重用视图，而不是每次都创建它们

---

要修复此问题，请确保再次在BindViewHolder上检查视图的展开状态，而不是仅单击一次

将PopupVisible作为变量添加到游戏类中，并且仅当Game.getPopupVisible为true时，在onBindViewHolder中展开cardview：

public class CardsViewAdapter extends RecyclerView.Adapter<CardsViewAdapter.ViewHolder> {
    private Game[] mDataset;
    int rotationAngle = 0;

    // 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 {
        // each data item is just a string in this case
        public TextView mTextView;
        public ImageView imageView;
        public LinearLayout test2;
        public TextView test3;

        public ViewHolder(View v) {
            super(v);
            mTextView = (TextView) v.findViewById(R.id.text_cards);
            imageView = (ImageView) v.findViewById(R.id.item_description_game_more);
            test2 = (LinearLayout) v.findViewById(R.id.popup_layout);
            test3 = (TextView) v.findViewById(R.id.test_view);

        }
    }

    // Provide a suitable constructor (depends on the kind of dataset)
    public CardsViewAdapter(Game[] myDataset) {
        mDataset = myDataset;
    }

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

        ViewHolder vh = new ViewHolder(v);
        return vh;
    }

    // Replace the contents of a view (invoked by the layout manager)
    @Override
    public void onBindViewHolder(final ViewHolder holder, int position) {
        // - get element from your dataset at this position
        // - replace the contents of the view with that element
        //TODO : complete
        final int pos = position;
        Game game=mDataset[position];
        holder.mTextView.setText(String.valueOf(mDataset[position].getId_game()));
        if (game.getPopupVisible()) {
                    ObjectAnimator anim = ObjectAnimator.ofFloat(v, "rotation",rotationAngle, rotationAngle + 180);
                    anim.setDuration(500);
                    anim.start();
                    rotationAngle += 180;
                    rotationAngle = rotationAngle%360;
                    CardsAnimationHelper.collapse(holder.test2);}
        else....
        holder.imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Log.d("POS","actual pos = "+pos);
                holder.test3.setText("Position : "+pos);
                // Perform action on click
                if (game.getPopupVisible()) {
                    game.setPopupVisible(false);

                    ObjectAnimator anim = ObjectAnimator.ofFloat(v, "rotation",rotationAngle, rotationAngle + 180);
                    anim.setDuration(500);
                    anim.start();
                    rotationAngle += 180;
                    rotationAngle = rotationAngle%360;

                    CardsAnimationHelper.collapse(holder.test2);

                } else {
                   game.setPopupVisible(true);

                    ObjectAnimator anim = ObjectAnimator.ofFloat(v, "rotation",rotationAngle, rotationAngle + 180);
                    anim.setDuration(500);
                    anim.start();
                    rotationAngle += 180;
                    rotationAngle = rotationAngle%360;

                    CardsAnimationHelper.expand(holder.test2);
                }
            }
        });
    }

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

公共类CardsViewAdapter扩展了RecyclerView.Adapter{
私人游戏[]mDataset；
int rotationAngle=0；
//提供对每个数据项的视图的引用
//复杂数据项可能需要每个项有多个视图，并且
//您可以访问视图持有者中数据项的所有视图
公共静态类ViewHolder扩展了RecyclerView.ViewHolder{
//在本例中，每个数据项只是一个字符串
公共文本视图mTextView；
公共影像视图；
公共线路布局测试2；
公共文本视图测试3；
公共视图持有者（视图v）{
超级（五）；
mTextView=（TextView）v.findViewById（R.id.text_卡）；
imageView=（imageView）v.findViewById（R.id.item\u description\u game\u more）；
test2=（LinearLayout）v.findviewbyd（R.id.popup_布局）；
test3=（TextView）v.findViewById（R.id.test\u视图）；
}
}
//提供合适的构造函数（取决于数据集的类型）
公共卡VIEWADAPTER（游戏[]myDataset）{
mDataset=myDataset；
}
//创建新视图（由布局管理器调用）
@凌驾
公共卡VIEWADAPTER.ViewHolder onCreateViewHolder（视图组父级、，
int视图类型）{
//创建新视图
视图v=LayoutInflater.from（parent.getContext（））
.充气（R.layout.cards\u resume\u game，parent，false）；
//设置视图的大小、边距、填充和布局参数
//...
维霍尔德
public Class Game {
    public int id;
    public String description;

    // Add an extra attribute to track the checked status
    // By default, set the checked status to false
    public boolean expanded = false;
}

@Override
public void onBindViewHolder(final ViewHolder holder, int position) {
    final int pos = position;
    holder.mTextView.setText(String.valueOf(mDataset[position].id));

    // Set the expanded or collapsed mode here
    if(mDataset[position].expanded) expandView(holder.test2);
    else collapseView(holder.test2);

    // Now set the onClickListener like this
    holder.imageView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            holder.test3.setText("Position : "+pos);

            // Animate the imageView here
            animateImageView(holder.imageView);

            // Toggle the expanded attribute value
            if(mDataset[position].expanded) mDataset[position].expanded = false;
            else mDataset[position].expanded = true;

            // Now call notifyDataSetChanged to make the change to effect
            refreshList();
        }
    });
}

// Extra functions inside your adapter class to improve readability
private void collapseView(View view) {
    CardsAnimationHelper.collapse(view);
}

private void expandView(View view) {
    CardsAnimationHelper.expand(view);
}

private void animateImageView(ImageView imageView) {
    ObjectAnimator anim = ObjectAnimator.ofFloat(imageView, "rotation",rotationAngle, rotationAngle + 180);
    anim.setDuration(animationDuration);
    anim.start();
    rotationAngle += 180;
    rotationAngle = rotationAngle % 360;
}

long animationDuration = 500;

private void refreshList() {
    final Handler handler = new Handler();
    handler.postDelayed(new Runnable() {
        @Override
        public void run() {
            notifyDataSetChanged();
        }
    }, animationDuration);
}