Android自定义圆角ImageView控件

Android自定义圆角ImageView控件攻略

在Android开发中，我们经常需要使用圆角的ImageView控件来展示图片。本攻略将详细介绍如何自定义一个圆角ImageView控件，并提供两个示例说明。

步骤一：创建自定义控件类

首先，我们需要创建一个自定义的ImageView控件类，继承自ImageView。在该类中，我们将实现圆角效果。

public class RoundCornerImageView extends ImageView {

    private float cornerRadius;

    public RoundCornerImageView(Context context) {
        super(context);
        init(context, null);
    }

    public RoundCornerImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);
    }

    public RoundCornerImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs);
    }

    private void init(Context context, AttributeSet attrs) {
        if (attrs != null) {
            TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.RoundCornerImageView);
            cornerRadius = a.getDimension(R.styleable.RoundCornerImageView_cornerRadius, 0);
            a.recycle();
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        Path clipPath = new Path();
        RectF rect = new RectF(0, 0, getWidth(), getHeight());
        clipPath.addRoundRect(rect, cornerRadius, cornerRadius, Path.Direction.CW);
        canvas.clipPath(clipPath);
        super.onDraw(canvas);
    }
}

步骤二：在布局文件中使用自定义控件

接下来，我们可以在布局文件中使用自定义的RoundCornerImageView控件。

<com.example.RoundCornerImageView
    android:layout_width=\"200dp\"
    android:layout_height=\"200dp\"
    android:src=\"@drawable/image\"
    app:cornerRadius=\"20dp\" />

示例说明一：圆角头像

假设我们要展示一个圆角的用户头像，可以按照以下步骤进行操作：

1. 在布局文件中使用RoundCornerImageView控件，并设置宽高为合适的数值。
2. 设置控件的src属性为用户头像的资源文件。
3. 设置控件的cornerRadius属性为合适的数值，以实现圆角效果。

<com.example.RoundCornerImageView
    android:layout_width=\"100dp\"
    android:layout_height=\"100dp\"
    android:src=\"@drawable/avatar\"
    app:cornerRadius=\"50dp\" />

示例说明二：圆角图片列表

假设我们要展示一个圆角的图片列表，可以按照以下步骤进行操作：

1. 在布局文件中使用RecyclerView，并设置布局管理器为GridLayoutManager。
2. 创建一个自定义的RecyclerView.Adapter，并在其中使用RoundCornerImageView控件来展示图片。
3. 设置RoundCornerImageView控件的cornerRadius属性为合适的数值，以实现圆角效果。

public class ImageAdapter extends RecyclerView.Adapter<ImageAdapter.ViewHolder> {

    private List<Integer> images;

    public ImageAdapter(List<Integer> images) {
        this.images = images;
    }

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

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        int imageRes = images.get(position);
        holder.imageView.setImageResource(imageRes);
    }

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

    public static class ViewHolder extends RecyclerView.ViewHolder {
        RoundCornerImageView imageView;

        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            imageView = itemView.findViewById(R.id.image_view);
        }
    }
}

<com.example.RoundCornerImageView
    android:id=\"@+id/image_view\"
    android:layout_width=\"100dp\"
    android:layout_height=\"100dp\"
    app:cornerRadius=\"10dp\" />

以上就是自定义圆角ImageView控件的完整攻略，希望对你有所帮助！