自定义view图片圆角

在Android开发中，自定义View是一项常见的需求，尤其在处理图像显示时，有时我们需要让图片显示为圆形或者圆角矩形。本知识点将详细讲解如何实现自定义View来实现图片的圆角效果。 我们需要创建一个新的Java类，继承自`android.widget.ImageView`或`android.view.View`。这里我们选择`ImageView`，因为它可以直接处理图片加载。假设我们将其命名为`RoundCornerImageView`。 ```java public class RoundCornerImageView extends androidx.appcompat.widget.AppCompatImageView { // 定义圆角半径 private float cornerRadius; public RoundCornerImageView(Context context) { this(context, null); } public RoundCornerImageView(Context context, AttributeSet attrs) { this(context, attrs, 0); } 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 获取自定义属性值 TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RoundCornerImageView); cornerRadius = typedArray.getDimension(R.styleable.RoundCornerImageView_cornerRadius, 0f); typedArray.recycle(); } } @Override protected void onDraw(Canvas canvas) { // 创建一个与当前View相同大小的Bitmap Bitmap bitmap = Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888); Canvas tempCanvas = new Canvas(bitmap); // 绘制原图到临时Canvas上，然后设置画布的剪裁区域为圆角矩形 Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG); tempCanvas.drawBitmap(getDrawable().toBitmap(), 0, 0, paint); Path path = new Path(); path.addRoundRect(new RectF(0, 0, bitmap.getWidth(), bitmap.getHeight()), cornerRadius, cornerRadius, Path.Direction.CW); tempCanvas.clipPath(path); // 将带有圆角的Bitmap绘制到原Canvas上 canvas.drawBitmap(bitmap, 0, 0, null); bitmap.recycle(); } } ``` 在上面的代码中，我们首先在构造函数中通过`TypedArray`获取自定义属性`cornerRadius`的值，这个值用于设置圆角的半径。接着，在`onDraw()`方法中，我们创建了一个新的`Bitmap`并绘制了图片，然后利用`Path`和`clipPath()`创建了一个圆角矩形的剪裁区域，并将带有圆角的图片绘制到原始的`Canvas`上。 为了能够使用自定义属性，你需要在XML布局文件中定义`RoundCornerImageView`并设置`cornerRadius`。首先在`res/values/attrs.xml`中添加属性： ```xml <declare-styleable name="RoundCornerImageView"> <attr name="cornerRadius" format="dimension" /> </declare-styleable> ``` 然后在布局文件中使用： ```xml <com.example.yourpackage.RoundCornerImageView android:layout_width="wrap_content" android:layout_height="wrap_content" app:cornerRadius="16dp" android:src="@drawable/your_image" /> ``` 这样，我们就创建了一个可以设置圆角半径的自定义ImageView。这个方法简单且高效，但请注意，由于在`onDraw()`中创建了新的`Bitmap`，所以可能会消耗更多的内存。如果处理大图或对性能有较高要求，可以考虑使用`Shader`或者`PorterDuff`模式来实现。 此外，如果你的应用支持Android API 24及以上，还可以使用`ImageView`的`setClipToOutline(true)`方法配合`android:outlineProvider`和`android:background`来实现圆角效果，这会更加高效，但不适用于所有版本的Android。 自定义View是Android开发中一种灵活的方法，可以满足特定的界面需求。在本例中，我们学习了如何通过自定义`ImageView`实现图片的圆角显示，理解这个过程对于深入掌握Android视图系统和图形绘制非常有帮助。