android - RecyclerView item 点击勾选状态

Question

我有一个水平的 RecyclerView，其中有一个圆形的 ImageView，在单击项目时，我希望突出显示选定的圆形图像。

我使用 https://github.com/hdodenhof/CircleImageView对于圆形 ImageView

我试过但不知道如何禁用当前位置以外的另一个位置的突出显示项。

我的适配器代码如下

public class AddEventIconsAdapter extends RecyclerView.Adapter<AddEventIconsAdapter.NavigationViewHolder> {

private Context context;
public int mSelectedItem = -1;
List<ChildSpouseCustomModel> listIcons;


public AddEventIconsAdapter(Context context, List<ChildSpouseCustomModel> 
 listIcons) {
    this.context = context;
    this.listIcons = listIcons;


}

@Override
public AddEventIconsAdapter.NavigationViewHolder 
onCreateViewHolder(ViewGroup parent, int viewType) {

  View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item_add_icons, parent, false);
    return new AddEventIconsAdapter.NavigationViewHolder(view);
}

@Override
public void onBindViewHolder(final AddEventIconsAdapter.NavigationViewHolder holder, final int position) {

    Glide.with(context).load(listIcons.get(position).getImgUrl())
            .thumbnail(0.5f)
            .crossFade()
            .error(R.drawable.ic_user_placeholder)
            .diskCacheStrategy(DiskCacheStrategy.ALL)
            .into(holder.img_EventIcon);
    holder.itemView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {

            if (mSelectedItem == position) {
                mSelectedItem=-1;

                holder.img_EventIcon.setBorderWidth(0);
                holder.img_EventIcon.setBorderColor(context.getResources().getColor(R.color.colorPrimary));

            } else {
                mSelectedItem = position;
                notifyDataSetChanged();
                holder.img_EventIcon.setBorderWidth(5);
                holder.img_EventIcon.setBorderColor(context.getResources().getColor(R.color.colorPrimary));

            }

        }
    });
}

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


class NavigationViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {


    private CircleImageView img_EventIcon;


    public NavigationViewHolder(View itemView) {
        super(itemView);
        img_EventIcon = (CircleImageView) itemView.findViewById(R.id.profile_image_parent);


    }

    @Override
    public void onClick(View v) {

    }
}
}

我的列表项xml如下所示

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="6dp"
android:layout_marginRight="8dp"
android:gravity="center"
android:orientation="vertical">


<de.hdodenhof.circleimageview.CircleImageView
    android:id="@+id/profile_image_parent"
    android:layout_width="52dp"
    android:layout_height="52dp"
    android:src="@drawable/ic_user_placeholder" />

</LinearLayout>

我的预期输出:一次突出显示一个单击的图像

当我运行上面的代码时我现在的输出:

如何只突出显示被点击的项目圆圈图像？无论如何，任何人都可以帮我解决一下。

Answer 1

检查这个答案，这将管理选择和删除

 @Override
        public void onBindViewHolder(final AddEventIconsAdapter.NavigationViewHolder holder, final int position) {

        Glide.with(context).load(listIcons.get(position).getImgUrl())
                .thumbnail(0.5f)
                .crossFade()
                .error(R.drawable.ic_user_placeholder)
                .diskCacheStrategy(DiskCacheStrategy.ALL)
                .into(holder.img_EventIcon);

        if(mSelectedItem == position)
        {
            holder.img_EventIcon.setBorderWidth(5);
            holder.img_EventIcon.setBorderColor(context.getResources().getColor(R.color.colorPrimary));

        }
        else
        {
            holder.img_EventIcon.setBorderWidth(0);
            holder.img_EventIcon.setBorderColor(context.getResources().getColor(R.color.colorPrimary));
        }

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

                if (mSelectedItem == position) {
                    mSelectedItem=-1;



                } else {
                    mSelectedItem = position;

                }
                notifyDataSetChanged();
            }
        });
}