一技傍身，图形绘制新体验，DIY等腰直角三角尺，打造美术神器

2023-05-05 09:22:41

用代码绘制等腰直角三角尺：Android自定义视图的进阶

绘制直尺和量角器

在之前的文章中，我们成功地创建了自定义视图来实现量角器和直尺。现在，让我们迈出下一步，踏入等腰直角三角尺的奇妙世界。准备好了吗？让我们一起探索如何使用 Android 的强大功能来实现这一目标！

自定义视图：三角尺的骨架

就像我们之前的自定义视图一样，我们需要创建一个专门用于绘制三角尺的自定义视图类。我们称之为 TriangleView，它将成为三角尺的骨架，为我们提供绘制所需的画布。

public class TriangleView : View {
    constructor(context: Context) : super(context)
}

onDraw()：三角尺成型的画布

在 TriangleView 中，onDraw() 方法就是我们展示三角尺的舞台。在这里，我们将使用 Canvas 对象，它是我们绘制三角尺形状的画笔。

override fun onDraw(canvas: Canvas) {
    super.onDraw(canvas)
    val paint = Paint()
    paint.color = Color.BLACK
    paint.strokeWidth = 5f
    canvas.drawLine(0f, 0f, width.toFloat(), 0f, paint)
    canvas.drawLine(0f, 0f, 0f, height.toFloat(), paint)
    canvas.drawLine(0f, height.toFloat(), width.toFloat(), 0f, paint)
}

布局文件：三角尺的家

现在，我们需要在布局文件中召唤我们的 TriangleView，就像我们召唤神灯精灵一样。这将为我们的三角尺提供一个栖息之地，供它展示其几何魅力。

<com.example.triangleview.TriangleView
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

运行应用程序：三角尺的诞生

最后，我们启动应用程序，三角尺就会在我们的屏幕上闪亮登场，就像魔术一样！

自定义三角尺：超越基础

虽然我们已经成功地绘制了基本三角尺，但我们可以更进一步，对它进行个性化定制，就像为它穿上时尚的外衣一样。我们可以改变它的颜色、粗细，甚至形状，让它成为真正独一无二的存在。

// 设置画笔颜色
paint.color = Color.RED

// 设置画笔粗细
paint.strokeWidth = 10f

// 绘制定制三角尺
canvas.drawLine(0f, 0f, width.toFloat(), 0f, paint)
canvas.drawLine(0f, 0f, 0f, height.toFloat(), paint)
canvas.drawLine(0f, height.toFloat(), width.toFloat() / 2, height.toFloat(), paint)