自定义View实战（二）：让Canvas尽情舞动！

Android

2023-12-23 09:59:41

Canvas：自定义视图中无限创作的画板

在自定义视图的世界中，探索绘图的可能时，Canvas 是一款强大的工具，它释放了你的创造力。Canvas 是 Android 系统提供的虚拟画板，提供了广泛的可能性，超越了预定义路径的限制。

Canvas 的基本功

掌握 Canvas 的基本功是掌握自定义视图的关键。它提供了各种方法，让你控制绘制的方方面面：

绘制形状： drawLine、drawRect、drawCircle、drawPath 等方法让你可以绘制直线、矩形、圆形甚至任意路径。
设置画笔属性： setColor、setStrokeWidth、setStyle 等方法让你可以定制画笔的颜色、粗细和样式。
裁剪区域： clipPath、clipRect 等方法让你可以限定绘制区域，防止内容超出边界。
保存和恢复画布状态： save、restore 等方法让你可以保存当前画布状态，方便后续操作和实现复杂效果。

Canvas 在自定义视图中的实战

掌握了基础知识后，让我们将 Canvas 的力量带入自定义视图。举个例子，绘制一个五角星：

override fun onDraw(canvas: Canvas) {
    super.onDraw(canvas)

    // 设置画笔属性
    val paint = Paint()
    paint.color = Color.RED
    paint.strokeWidth = 5f
    paint.style = Paint.Style.STROKE

    // 计算五角星顶点坐标
    val centerX = width / 2
    val centerY = height / 2
    val radius = min(width, height) / 2
    val points = mutableListOf<PointF>()
    for (i in 0..4) {
        val angle = (i * 72 + 180).toDouble() / 180 * Math.PI
        val x = centerX + radius * Math.cos(angle)
        val y = centerY + radius * Math.sin(angle)
        points.add(PointF(x.toFloat(), y.toFloat()))
    }

    // 绘制五角星路径
    val path = Path()
    path.moveTo(points[0].x, points[0].y)
    for (i in 1..4) {
        path.lineTo(points[i].x, points[i].y)
    }
    path.close()

    // 将路径绘制到画布上
    canvas.drawPath(path, paint)
}