自定义控件绘图篇（一）基本几何图形绘制

在Android开发中，自定义控件是一种强大的技术，它允许开发者创建具有独特外观和行为的UI组件。通过自定义控件，你可以实现标准组件库中没有的功能和设计。自定义控件通常涉及两个主要方面：布局和绘图。本回答将重点介绍如何在自定义控件中进行基本的绘图操作，特别是如何绘制基本的几何图形。

1. 绘图基础

在Android中，绘图主要通过Canvas类完成。Canvas提供了一系列方法来绘制点、线、矩形、圆、路径等。为了在自定义控件中绘图，你需要创建一个继承自View的类，并重写onDraw(Canvas canvas)方法，在其中进行绘图操作。

2. 创建自定义View

首先，创建一个自定义View类，继承自View：

Java

1import android.content.Context;
2import android.graphics.Canvas;
3import android.graphics.Color;
4import android.graphics.Paint;
5import android.util.AttributeSet;
6import androidx.annotation.Nullable;
7
8public class CustomView extends View {
9
10    private Paint mPaint;
11
12    public CustomView(Context context) {
13        super(context);
14        init();
15    }
16
17    public CustomView(Context context, @Nullable AttributeSet attrs) {
18        super(context, attrs);
19        init();
20    }
21
22    public CustomView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
23        super(context, attrs, defStyleAttr);
24        init();
25    }
26
27    private void init() {
28        mPaint = new Paint();
29        mPaint.setColor(Color.RED);
30        mPaint.setStyle(Paint.Style.FILL);
31    }
32
33    @Override
34    protected void onDraw(Canvas canvas) {
35        super.onDraw(canvas);
36        // 在这里进行绘图操作
37    }
38}

3. 绘制基本几何图形

接下来，在onDraw()方法中，我们可以使用Canvas和Paint来绘制不同的几何图形。

绘制矩形

Java

1@Override
2protected void onDraw(Canvas canvas) {
3    super.onDraw(canvas);
4    canvas.drawRect(50, 50, getWidth() - 50, getHeight() - 50, mPaint);
5}

绘制圆形

Java

1@Override
2protected void onDraw(Canvas canvas) {
3    super.onDraw(canvas);
4    float centerX = getWidth() / 2;
5    float centerY = getHeight() / 2;
6    float radius = Math.min(centerX, centerY) - 50;
7    canvas.drawCircle(centerX, centerY, radius, mPaint);
8}

绘制椭圆

Java

1@Override
2protected void onDraw(Canvas canvas) {
3    super.onDraw(canvas);
4    canvas.drawOval(50, 50, getWidth() - 50, getHeight() - 50, mPaint);
5}

绘制线

Java

1@Override
2protected void onDraw(Canvas canvas) {
3    super.onDraw(canvas);
4    canvas.drawLine(50, 50, getWidth() - 50, getHeight() - 50, mPaint);
5}

绘制点

Java

1@Override
2protected void onDraw(Canvas canvas) {
3    super.onDraw(canvas);
4    for (int i = 0; i < 10; i++) {
5        int x = (int) (Math.random() * getWidth());
6        int y = (int) (Math.random() * getHeight());
7        canvas.drawPoint(x, y, mPaint);
8    }
9}

4. 结合使用

你可以结合使用上述方法来绘制更复杂的图形。例如，绘制一个带有边框的彩色矩形：

Java

1@Override
2protected void onDraw(Canvas canvas) {
3    super.onDraw(canvas);
4    mPaint.setStyle(Paint.Style.FILL);
5    canvas.drawRect(50, 50, getWidth() - 50, getHeight() - 50, mPaint);
6
7    mPaint.setStyle(Paint.Style.STROKE);
8    mPaint.setStrokeWidth(5);
9    mPaint.setColor(Color.BLACK);
10    canvas.drawRect(50, 50, getWidth() - 50, getHeight() - 50, mPaint);
11}

通过以上步骤，你可以开始探索更高级的绘图功能，如路径、文本、位图等，进一步扩展你的自定义控件的能力。