僅單擊項目可見並隱藏 RecyclerView 中的先前項目

Question

我在RecyclerView的一個項目中有ImageView 。 每次我點擊一個項目時，我都希望圖像變得可見，而上一個點擊項目的圖像變得不可見。

public static class MyHolder extends RecyclerView.ViewHolder {

    private ImageView image_view;
    private TextView text_view_name;
    private TextView text_view_abilities;
    private ImageView heart_image_view;

    public MyHolder(@NonNull final View itemView, final OnItemClickListener listener) {
        super(itemView);

        image_view = itemView.findViewById(R.id.image_view);
        text_view_name = itemView.findViewById(R.id.text_view_name);
        text_view_abilities = itemView.findViewById(R.id.text_view_abilities);
        heart_image_view = itemView.findViewById(R.id.heart_image_view);
        heart_image_view.setImageResource(R.drawable.heart);
        heart_image_view.setVisibility(View.GONE);

        itemView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {

            if (listener != null) {
                int position = getAdapterPosition();
                if (position != RecyclerView.NO_POSITION) {
                    listener.onItemClick(position);
                    heart_image_view.setVisibility(View.VISIBLE);
                }
            }
        });
    }
}

@NonNull
@Override
public MyHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
    View v = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.single_item_layout, viewGroup, false);
    MyHolder holder = new MyHolder(v, mlistener);
    return holder;
}

@Override
public void onBindViewHolder(@NonNull MyHolder myHolder, int position) {

    Item item = myList.get(position);
    myHolder.text_view_name.setText(item.getTitle());

    stringArray = item.getAbilitiesObj();
    StringBuilder builder = new StringBuilder();
    for (int i = 0; i < stringArray.size(); i++) {
        try {
            builder.append(stringArray.get(i));
            builder.append(", ");

        } catch (NumberFormatException ex) {
            ex.printStackTrace();
        }
        myHolder.text_view_abilities.setText(builder);
    }
    if (myHolder.image_view != null) {
        String photoUrl = item.getImageUrl();
        Picasso.with(mContext).load(photoUrl).into(myHolder.image_view);
    }
}

在MyHolder所在班級item.setOnClick ，我設置單擊項目圖像可見，但隨后的每一次點擊另一個項目，新項目的圖像變得可見而前一個項目的形象沒有得到無形。

Answer 1

您需要在適配器中有另一個整數數組來跟蹤單擊的項目。 首先，用全 1 初始化整數數組。

// Define an array like the following in your adapter 
private int[] selectedItems = new int[yourDataList.size()]; // Initialize the array to have the same size as your data list.

然后用全 1 初始化數組。 嘗試在您的適配器中使用這樣的功能。

private void initializeSeledtedItems() {
    for(int item : selectedItems) item = 1;
} 

現在，在您的onBindViewHolder ，根據selectedItems數組中的值設置RecyclerView項目中ImageView的可見性。

if(selectedItems[position] == 1) heart_image_view.setVisibility(View.VISIBLE);
else heart_image_view.setVisibility(View.GONE);

在onClickListener修改selectedItems數組，這樣，只有所選項目的值是 1，所有其他項目的值都是 0。 然后調用notifyDataSetChanged使您的更改生效。

private void setSelectedItem(int position) {
    for(int i = 0; i < selectedItems.length(); i++) {
        if(i == position) selectedItems[i] = 1;
        else selectedItems[i] = 0;
    }
} 

itemView.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {

        if (listener != null) {
            int position = getAdapterPosition();
            if (position != RecyclerView.NO_POSITION) {
                setSelectedItem(position);
                notifyDataSetChanged();
            }
        }
    }
});

希望有幫助！

Answer 2

我的代碼用於設置回收者視圖項目的可見性，當您單擊回收者視圖項目時，它會在該特定項目上設置可見性，在其他項目上設置不可見。

這段代碼適用於我設置點擊項目的可見性和隱藏以前的圖標。

初始化

     int selecteditem =0;

onBindViewHolder

   if(selecteditem==position){
        holder.icSelect.setVisibility(View.VISIBLE);
    }
    else{
        holder.icSelect.setVisibility(View.INVISIBLE);

    }



     holder.itemView.setOnClickListener(new View.OnClickListener() {
       @Override
       public void onClick(View v) {
           selecteditem=position;
           holder.icselect.setVisibility(View.VISIBLE);
           notifyDataSetChanged();


       }
   });

我上傳了基本想法的圖片。

在此處輸入圖片說明