在RecyclerView中更改CircleImageView的边框

时间:2018-12-07 21:18:14

标签: java android android-studio android-recyclerview

我有一个水平的RecyclerView,其中显示用于选择“配置文件”图像的图像。

enter image description here

我正在使用CircleImageView将图像保留为圆角,该库可以在每个图像上放置边框。

注意RecyclerViewItemLayout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

   <de.hdodenhof.circleimageview.CircleImageView
       android:id="@+id/avatar_select"
       android:paddingTop="5dp"
       android:layout_width="80dp"
       android:layout_height="80dp"
       android:padding="5dp"
       app:civ_border_color="@color/colorPrimary"
       app:civ_border_width="3dp"
       android:src="@drawable/avatar1"/>

</LinearLayout>

当单击一个项目时,CircleImageView边框应与ColorAsset的颜色匹配,并且在单击一个新项目时(就像用户更改了对“个人资料”照片的看法并想要另一个一样),项目应带有边框,并且旧选项应返回ColorPrimary。

注意RecyclerViewAdapter.java

public class AvatarAdapter extends RecyclerView.Adapter<AvatarAdapter.MyViewHolder> {

private Context mContext;
private List<Avatar> mdata;


public AvatarAdapter(Context mContext, List<Avatar> mdata) {
    this.mContext = mContext;
    this.mdata = mdata;
}


@NonNull
@Override
public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {

    View view;
    LayoutInflater mInflater = LayoutInflater.from(mContext);
    view = mInflater.inflate(R.layout.escolhe_avatar,parent,false);
    final MyViewHolder vHolder = new MyViewHolder(view);

    return vHolder;
}

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

    holder.image.setImageResource(mdata.get(position).getImage());

    holder.image.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            holder.image.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    holder.image.setBorderColor(R.color.colorAccent);
                }
            });
        }
    });

}

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

public static class MyViewHolder extends RecyclerView.ViewHolder {

    private CircleImageView image;
    public MyViewHolder(View itemView){
        super(itemView);

        image = (CircleImageView) itemView.findViewById(R.id.avatar_select);

    }
}

}

enter image description here

我已经伤了脑筋,进行了研究,但无法找到解决方案,有人可以帮我吗?

2 个答案:

答案 0 :(得分:1)

利用上一个答案中的逻辑,我认为每次单击时,我都应该将所有执行项更新为可以接收ColorAccent边缘的项。

在ReBinderViewAdapter.class上使用民意类onBindViewClass

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

    holder.image.setImageResource(mdata.get(position).getImage());
    holder.image.setBorderColor(getColor(mContext, R.color.colorPrimary));

    holder.image.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            holder.image.setBorderColor(getColor(mContext, R.color.colorAccent));

            for (int i=0; i <= mdata.size(); i++){
                if (i != position){
                    notifyItemChanged(i, null);
                }

            }
        }
    });

}

答案 1 :(得分:0)

如果我正确理解了您要执行的操作,则应该正常运行

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

        holder.image.setImageResource(mdata.get(position).getImage());
        holder.image.setBorderColor(R.color.colorPrimary);

        holder.image.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                holder.image.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        notifyDataSetChanged();
                        holder.image.setBorderColor(R.color.colorAccent);
                    }
                });
            }
        });

    }