Compose_20--画布（Canvas）

最新推荐文章于 2025-04-22 09:12:16 发布

放弃了放弃

最新推荐文章于 2025-04-22 09:12:16 发布

阅读量2.5k

点赞数

分类专栏： Android-compose 文章标签： android

本文链接：https://blog.youkuaiyun.com/weixin_42404361/article/details/122246259

版权

本文介绍了Android中Canvas的使用，它是自定义图形的核心组件。Canvas提供了DrawScope，包含了drawContext、center、size和layoutDirection等字段，方便进行图形绘制。文章详细讲解了如何画线、圆、椭圆、矩形、圆角矩形、弧线、路径、点以及图形，并提示通过设置style为Stroke()可以画空心形状。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果我们想自定义图形的话，就要使用Canvas，因为Canvas是自定义图形的核心可组合项。在Canvas中，可用空间大小可用通过modifier来设置，例如设置Canvas的可用空间大小为填充其父元素：

Canvas(modifier = Modifier.fillMaxSize()) {
}

Canvas自动提供了一个维护自身状态且限定了作用域的绘图环境--DrawScope，其提供了一些有用的字段：

drawContext：包含创建图形环境所需依赖项的当前DrawContext；
center：图形环境当前边界的中心；
size：当前维度和最大维度的Size对象；
layoutDirection：绘制的布局的方向

这方便了我们为一组图形元素设置参数，我们用得到最多的可能就是size，因为其它对象基本都在内部引用比较多。

下面画一些基本的图形：

1.画一条线：

/**
 * 画线
 */
@Composable
fun compose_drawLine() {
    Canvas(modifier = Modifier.fillMaxSize()) {
        val canvasWidth = size.width // 画布的宽
        val canvasHeight = size.height  // 画布的高
        drawLine(
            start = Offset(x = canvasWidth, y = 0f), // 起点
            end = Offset(x = 0f, y = canvasHeight), // 终点
            color = Color.Red  // 颜色
        )

最低0.47元/天解锁文章