滚动 RecyclerView 时复选框可见性发生变化答案

【问题标题】：Checkbox visibility changes while scrolling RecyclerView滚动 RecyclerView 时复选框可见性发生变化
【发布时间】：2016-03-05 04:32:51
【问题描述】：

在您将此标记为重复之前，我已经阅读了很多关于此的帖子，但没有找到我的解决方案的答案。

我有一个RecyclerView 正在填充数据库中的一些数据。每个RecyclerView 项目都有一个CheckBox，最初是android:visibility="gone"。然后我按下按钮，RecyclerView 的每个项目的CheckBox 应该出现。当我向下滚动查看是否所有复选框都出现时，顶部的复选框被隐藏了。

我的代码：

private void setupButtonCallbacks() {
        modify.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                for (int position=0; position<recyclerView.getChildCount();position++){
                    recyclerView.getChildAt(position).findViewById(R.id.deleteCheckCartItem).setVisibility(View.VISIBLE);
                    recyclerView.getChildAt(position).findViewById(R.id.deleteCheckCartItem).setTag(position);
                }
                adapter.notifyDataSetChanged();
            }
        });
    }

适配器：

public class CartAdapter extends RecyclerView.Adapter<CartAdapter.CartViewHolder>{

    List<CartList> cartItems;
    Context context;
    CartList lista;

    public CartAdapter(List<CartList> cartItems, Context context){
        this.cartItems = cartItems;
        this.context = context;
    }

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

    @Override
    public void onBindViewHolder(final CartViewHolder holder, final int position) {

        holder.cartProductName.setText(cartItems.get(position).getName());
        holder.cartProductprice.setText(cartItems.get(position).getPrice());
        holder.pref1.setText(cartItems.get(position).getPreferation1());
        holder.pref2.setText(cartItems.get(position).getPreferation2());
        holder.pref3.setText(cartItems.get(position).getPreferation3());
        holder.pref4.setText(cartItems.get(position).getPreferation4());
        holder.quantity.setText(cartItems.get(position).getQuantity());
        Ion.with(holder.cartProductImage).placeholder(R.mipmap.placeholder).error(R.mipmap.placeholder).load(cartItems.get(position).getImage());
        final CartList list = cartItems.get(position);
        holder.checkBox.setTag(list);
        holder.checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if (holder.checkBox.isChecked()){
                    Toast.makeText(context, "Item Checked is " + cartItems.get(position).getName(), Toast.LENGTH_SHORT).show();
                }
            }
        });

    }

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

    @Override
    public void onAttachedToRecyclerView(RecyclerView recyclerView) {
        super.onAttachedToRecyclerView(recyclerView);
    }

    public static class CartViewHolder extends RecyclerView.ViewHolder {
        CardView cardView;
        CheckBox checkBox;
        TextView cartProductName, cartProductprice, pref1, pref2, pref3, pref4, quantity;
        ImageView cartProductImage;
        LinearLayout linearLayout;

        CartViewHolder(View itemView) {
            super(itemView);
            cardView = (CardView)itemView.findViewById(R.id.card_view);
            linearLayout = (LinearLayout)itemView.findViewById(R.id.rootLinear);
            checkBox = (CheckBox)itemView.findViewById(R.id.deleteCheckCartItem);
            cartProductName = (TextView)itemView.findViewById(R.id.product_name_cart);
            cartProductprice = (TextView)itemView.findViewById(R.id.product_price_cart);
            pref1 = (TextView)itemView.findViewById(R.id.pref1_text_cart);
            pref2 = (TextView)itemView.findViewById(R.id.pref2_text_cart);
            pref3 = (TextView)itemView.findViewById(R.id.pref3_text_cart);
            pref4 = (TextView)itemView.findViewById(R.id.pref4_text_cart);
            quantity = (TextView)itemView.findViewById(R.id.quantity_text_cart);
            cartProductImage = (ImageView)itemView.findViewById(R.id.product_image_cart);

        }
    }

}

布局：

<android.support.v7.widget.CardView
        android:id="@+id/card_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="15dp">

        <LinearLayout
            android:id="@+id/rootLinear"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackground"
            android:clickable="true"
            android:focusable="true"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="horizontal">

                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="15dp"
                    android:visibility="gone"
                    android:focusable="false"
                    android:layout_gravity="center_vertical"
                    android:id="@+id/deleteCheckCartItem" />

结果是：

前 2 项行为正常，并且

最后两个没有 CheckBoxes 可见

更新正如我被建议的那样，我试图像这样跟踪可见的位置：

private void setupButtonCallbacks() {
        modify.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                for (int position = 0; position < recyclerView.getChildCount(); position++) {
                    recyclerView.getChildAt(position).findViewById(R.id.deleteCheckCartItem).setVisibility(View.VISIBLE);
                    cartItems.get(position).setCheckboxIsVisible(true);
                    adapter.notifyDataSetChanged();
                }
                actionMode = startSupportActionMode(actionModeCallback);
                actionMode.setTitle(getString(R.string.selected_modifiable_items));
            }
        });
    }

还有适配器：

@Override
public void onBindViewHolder(final CartViewHolder holder, final int position) {
    holder.cartProductName.setText(cartItems.get(position).getName());
    holder.cartProductprice.setText(cartItems.get(position).getPrice());
    holder.pref1.setText(cartItems.get(position).getPreferation1());
    holder.pref2.setText(cartItems.get(position).getPreferation2());
    holder.pref3.setText(cartItems.get(position).getPreferation3());
    holder.pref4.setText(cartItems.get(position).getPreferation4());
    holder.quantity.setText(cartItems.get(position).getQuantity());
    Ion.with(holder.cartProductImage).placeholder(R.mipmap.placeholder).error(R.mipmap.placeholder).load(cartItems.get(position).getImage());
    lista = cartItems.get(position);
    holder.checkBox.setVisibility(lista.isCheckboxIsVisible()?View.VISIBLE:View.GONE);
    holder.checkBox.setChecked(lista.isChecked());
    holder.checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            if (holder.checkBox.isChecked()) {
                //Toast.makeText(context, "Item Checked is " + cartItems.get(position).getName(), Toast.LENGTH_SHORT).show();
                boolean condition = cartItems.get(position).isChecked();
                condition = isChecked;
            }


        }
    });

}

它只用于列表中的前 3 个项目，然后没有一个被选中...

有什么想法吗？提前谢谢！！！

【问题讨论】：

有人有什么建议吗？
尝试使用this library，查看ViewStates，它可以帮助您在滚动后恢复选中状态

标签： android checkbox android-recyclerview

【解决方案1】：

您的CartList cartItems 需要跟踪可见性和复选框状态。

class CartList
...
    boolean checkboxIsVisible=false;//todo add setters and getters
    boolean isChecked=false;//todo add setters and getters

然后在onBindViewHolder()中

 final CartList list = cartItems.get(position);
        holder.checkBox.setVisible(list.checkboxIsVisible?View.VISIBLE:View.GONE);
        holder.checkBox.setChecked(list.isChecked)

检查

...
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                ...
                cartItems.get(position).isChecked=isChecked;
            }

modify可见性

...
@Override
public void onClick(View v) {
...//Some logic here that sets visibility to true or false
    recyclerView.getChildAt(position).checkboxIsVisible=true;
...
    adapter.notifyDataSetChanged();
}

【讨论】：

它不适用于所有项目仅适用于前三个
斯坦奇？即使您的项目跟踪其状态并将其设置在 onBindViewHolder() 中？再次检查...
我已经检查了两次，请在更新部分查看我编辑的答案
但是您没有更新项目的选中状态？
您正在检查项目的检查状态，而不是像 cartItems.get(position).isChecked=isChecked; 那样设置它；

【解决方案2】：

RecyclerView 的视图被回收，顾名思义。因此，如果用户选中一个项目上的复选框，则可能会为另一个未选中的项目显示相同的复选框视图，但仍处于选中状态。

你必须 checkBox.setChecked(true/false) 在每一个 onBindViewHolder()

这意味着您必须跟踪复选框被选中的项目（ArrayList of选中的项目，HashMap 带有项目和布尔值，等等）。

【讨论】：

我的问题不是复选框被选中或未选中。问题是当我滚动复选框可见性改变
@helldawg13 同样的原则也适用于此。您必须在每个 onBindViewHolder 上设置可见性，而您目前没有。

【解决方案3】：

我在我的项目中遇到了同样的问题。我所做的是在 OnBindViewHolder 和适配器 setOnClickListner 上设置 Invisible 字段

mAdapterForChooser.setClickListener(new AdapterForChooser.ClickListener() {

                @Override
                public void onClick(View v, int pos) {



                    RelativeLayout rl = (RelativeLayout) v.findViewById(R.id.selectedBg);

                    if (!mGiantChooserModels.get(pos).isSelected()) {

                        rl.setVisibility(View.VISIBLE);

                    } else {
                        rl.setVisibility(View.INVISIBLE);

                }
            });

我的持有人是

@Override
public void onBindViewHolder(final ChooserInterestHolder holder, final int position) {



    //Main Trick

    if(mGiantChooserModels.get(position).isSelected())
        holder.selector.setVisibility(View.VISIBLE);
    else
        holder.selector.setVisibility(View.INVISIBLE);

    holder.itemView.setOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub

            clickListener.onClick(v, position);
        }
    });
}

【讨论】：