android paint 画圆环边框颜色

原创

mob64ca12f15103 2024-10-30 10:22:04 ©著作权

文章标签 自定义视图初始化 Android 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12f15103的原创作品，请联系作者获取转载授权，否则将追究法律责任

如何在 Android 中使用 Paint 绘制圆环边框

在 Android 开发中，使用 Paint 类绘制各种图形是一项常见的任务。本文将指导你如何实现一个简单的圆环边框颜色的绘制。

流程概述

下面是绘制圆环的基本流程：

步骤	描述
1	创建自定义视图类
2	初始化 Paint 对象
3	重写 `onDraw` 方法
4	绘制圆环边框
5	在主活动中添加视图

每一步的实现

第一步：创建自定义视图类

首先，你需要创建一个自定义视图类，扩展 View 类。在这个类中，我们将进行绘图。

public class CircleView extends View {
    private Paint paint; // 声明 Paint 对象

    public CircleView(Context context) {
        super(context);
        init(); // 初始化绘制
    }

    public CircleView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(); // 初始化绘制
    }

    private void init() {
        paint = new Paint(); // 创建 Paint 对象
        paint.setColor(Color.RED); // 设置圆环颜色为红色
        paint.setStyle(Paint.Style.STROKE); // 设置绘制样式为边框
        paint.setStrokeWidth(10); // 设置边框宽度
    }
}

第二步：初始化 Paint 对象

在 init 方法中，我们实例化一个 Paint 对象，并设置边框的颜色和样式。

第三步：重写 `onDraw` 方法

为了绘制圆环边框，我们需要重写 onDraw 方法。在这个方法中，我们将进行实际的绘制。

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    int width = getWidth(); // 获取视图宽度
    int height = getHeight(); // 获取视图高度
    int radius = Math.min(width, height) / 2 - paint.getStrokeWidth(); // 计算圆环半径

    canvas.drawCircle(width / 2, height / 2, radius, paint); // 绘制圆环
}

第四步：绘制圆环边框

在 onDraw 方法中，通过 canvas.drawCircle() 方法绘制圆环。你需要指定圆心坐标、半径和 Paint 对象。

第五步：在主活动中添加视图

最后，你需要在主活动中调用这个自定义视图类，并将其添加到布局中。

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        CircleView circleView = new CircleView(this); // 创建 CircleView 实例
        setContentView(circleView); // 将 CircleView 设置为活动视图
    }
}

关系图

为了更好地理解各个类之间的关系，下面是简单的关系图：

erDiagram
    CIRCLE {
      string color
      int strokeWidth
    }
    PAINT {
      string paintStyle
    }
    VIEW {
      string onDraw()
    }
    CIRCLE --|> VIEW: uses
    PAINT --|> VIEW: has