在 Android 中，自定义 View 的绘制通常涉及使用 Canvas 和 Paint 两个关键类。Canvas 提供了一个用于绘制图形的界面，而 Paint 则用来定义绘制的风格和颜色。以下是如何使用 Canvas 和 Paint 进行绘制的步骤，以及如何处理自定义属性和解析 XML 属性。
1. 使用 Canvas 和 Paint 进行绘制
Canvas 类
Canvas 是一个画布，它提供了绘制各种基本图形（如矩形、圆形、线条、文字等）的方法。Canvas 的绘制通常在 onDraw() 方法中进行，这是自定义 View 绘制的核心方法。
Paint 类
Paint 是一个包含绘制属性的类，它定义了如何绘制图形的颜色、线条粗细、填充样式、字体大小等。Paint 对象通常与 Canvas 一起使用，以控制绘制效果。
示例代码
public class CustomView extends View {private Paint paint;public CustomView(Context context) {super(context);init(null);}public CustomView(Context context, AttributeSet attrs) {super(context, attrs);init(attrs);}private void init(AttributeSet attrs) {paint = new Paint();paint.setColor(Color.RED); // 设置颜色paint.setStrokeWidth(5f); // 设置线条粗细paint.setStyle(Paint.Style.STROKE); // 设置绘制样式为描边}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);// 绘制一个圆float cx = getWidth() / 2;float cy = getHeight() / 2;float radius = Math.min(cx, cy) - 10;canvas.drawCircle(cx, cy, radius, paint);// 绘制一条线canvas.drawLine(0, 0, getWidth(), getHeight(), paint);}
}
解释
onDraw(Canvas canvas): 当系统需要绘制该视图时调用此方法。你可以在这个方法中使用Canvas提供的绘制方法，例如drawCircle()和drawLine()。Paint对象用于定义绘制图形的属性。在上面的代码中，我们设置了颜色、线条粗细和绘制样式。canvas.drawCircle()和canvas.drawLine()是使用Canvas绘制圆形和线条的示例。
2. 处理自定义属性
自定义属性允许你为自定义 View 添加额外的配置选项，开发者可以在 XML 布局文件中使用这些属性来调整 View 的行为或外观。
1. 定义自定义属性
首先，需要在 res/values/attrs.xml 文件中定义自定义属性。
<resources><declare-styleable name="CustomView"><attr name="circleColor" format="color" /><attr name="circleRadius" format="dimension" /></declare-styleable>
</resources>
circleColor定义了圆形的颜色属性，format="color"表示这个属性的值是颜色。circleRadius定义了圆形的半径属性，format="dimension"表示这个属性的值是一个尺寸（如 dp）。
2. 解析自定义属性
在自定义 View 的构造函数中解析这些属性，并将它们应用于 Paint 对象或其他需要的地方。
public CustomView(Context context, AttributeSet attrs) {super(context, attrs);init(attrs);
}private void init(AttributeSet attrs) {paint = new Paint();if (attrs != null) {TypedArray a = getContext().obtainStyledAttributes(attrs, R.styleable.CustomView);int circleColor = a.getColor(R.styleable.CustomView_circleColor, Color.RED);float circleRadius = a.getDimension(R.styleable.CustomView_circleRadius, 50f);a.recycle();paint.setColor(circleColor);// 你可以使用 circleRadius 来绘制具有不同半径的圆}
}
3. 在 XML 中使用自定义属性
在 XML 布局文件中使用自定义 View 及其属性。
<com.example.CustomViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"app:circleColor="@color/blue"app:circleRadius="100dp" />
总结
- Canvas: 提供了绘制各种形状、图像、文本的方法。
- Paint: 定义了绘制内容的颜色、线条样式、文本样式等。
- 自定义属性: 可以通过
res/values/attrs.xml定义，使用TypedArray解析，并在 XML 布局文件中配置。
通过这两个类和自定义属性的结合，你可以创建功能丰富且可配置的自定义视图，并且可以在项目中复用这些视图。
)
