Android自定义CircleImageView实现圆角图片

本文介绍了如何在Android平台上通过自定义ImageView实现圆角图片的功能。开发者通过创建一个自定义的View类，并在XML布局文件中应用这个自定义控件，结合自定义属性，可以轻松地将方形图片转换为具有圆角效果的图片。 在Android应用开发中，经常需要对图片进行特殊处理，例如将图片显示为圆角或圆形。默认的ImageView并不能直接实现这样的效果，因此我们需要自定义一个ImageView来扩展其功能。这个自定义的ImageView通常会覆盖onDraw()方法，以便在绘制图片时添加额外的逻辑，如切割图片的直角部分以形成圆角。 首先，我们需要在XML布局文件中定义自定义的CircleImageView。在提供的代码示例中，我们看到一个LinearLayout作为根视图，包含一个CircleImageView。CircleImageView设置了宽度、高度、边距以及图片源（@mipmap/icon），并使用自定义属性`civ_border_width`和`civ_border_color`分别设置了边框宽度和颜色。 ```xml <com.example.administrator.testz.CircleImageView android:layout_width="160dp" android:layout_marginLeft="20dp" android:layout_marginTop="20dp" android:layout_height="160dp" android:layout_centerInParent="true" android:src="@mipmap/icon" app:civ_border_width="2dp" app:civ_border_color="@color/colorAccent"/> ``` 接下来，我们需要创建一个XML文件（如 attrs.xml）来定义自定义属性。在这个文件中，声明了三个属性：`civ_border_width`（边框宽度）、`civ_border_color`（边框颜色）和`civ_border_overlay`（是否覆盖边框在图片上的显示）。这些属性使得在XML布局中可以方便地调整自定义ImageView的外观。 ```xml <resources> <declare-styleable name="CircleImageView"> <attr name="civ_border_width" format="dimension"/> <attr name="civ_border_color" format="color"/> <attr name="civ_border_overlay" format="boolean"/> </declare-styleable> </resources> ``` 在自定义的CircleImageView类中，你需要解析这些属性并应用到绘制过程中。通常，你会在`onCreate()`方法中获取属性值，然后在`onDraw()`方法中根据这些值来绘制圆角图片和边框。 ```java public class CircleImageView extends ImageView { private float mBorderWidth; private int mBorderColor; private boolean mBorderOverlay; public CircleImageView(Context context) { super(context); init(null, 0); } public CircleImageView(Context context, AttributeSet attrs) { super(context, attrs); init(attrs, 0); } public CircleImageView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); init(attrs, defStyle); } private void init(AttributeSet attrs, int defStyle) { // 获取自定义属性值 TypedArray a = getContext().obtainStyledAttributes(attrs, R.styleable.CircleImageView, defStyle, 0); mBorderWidth = a.getDimension(R.styleable.CircleImageView_civ_border_width, 0); mBorderColor = a.getColor(R.styleable.CircleImageView_civ_border_color, 0); mBorderOverlay = a.getBoolean(R.styleable.CircleImageView_civ_border_overlay, false); a.recycle(); // 其他初始化操作 } @Override protected void onDraw(Canvas canvas) { // 在这里绘制圆角图片和边框 // ... } } ``` 在`onDraw()`方法中，你需要使用Canvas的相关API，如`drawCircle()`、`drawRoundRect()`等来绘制圆角矩形并应用边框。你可以使用`BitmapShader`来创建一个圆形的Bitmap，或者直接使用`canvas.clipPath()`来裁剪绘制的图像。 通过自定义ImageView并结合XML属性，Android开发者可以轻松地创建具有圆角和边框效果的图片视图，为应用提供更加丰富和个性化的视觉体验。在实际项目中，这种技术可以应用于用户头像、卡片式设计等场景，增加界面的美观度和用户体验。