带你了解Compose图形之Compose Canvas

Compose Canvas

首先来了解一下Canvas：

• ⾃定义图形的核⼼可组合项是Canvas。
• 在布局中放置 Canvas 的⽅式与放置其他Compose界⾯元素相同。
• 在 Canvas 中， 您可以通过精确控制元素的样式和位置来绘制元素。

以下代码将创建⼀个 Canvas 可组合项，⽤于填充其⽗元素中的所有可⽤空间：

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

Canvas 会⾃动提供DrawScope (⼀个维护自身状态且限定了作⽤域的绘图环境)。这让您可以为⼀组图形元素设置参数 。DrawScope 提供了几个有⽤的字段 ，例如 size，⼀个指定DrawScope 的当前维度和最大维度的 Size 对象 。例如， 假设您想绘制⼀条从画布右上⾓到左下角的对角线。这可以通过添加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.Blue
)
}

我们再来看看相关的API：

可以看到每个Compose Canvas 提供⼀个 DrawScope (限定了作⽤域的绘图环境)， 您可
以在其中实际发出绘图命令 。我们在来看看：

withTransform({
translate(left = canvasWidth / 5F)
rotate(degrees = 45F)
}) {
drawRect(
color = Color.Gray, topLeft = Offset(x = canvasWidth / 3F, y = canvasHeight /
3F), size = canvasSize / 3F
)
}

所以上⾯的代码⽤于向矩形同时应⽤平移和旋转，使⽤ withTransform() 函数，该函数⽤于创建并应⽤整合了您所需的所有更改的单⼀转换。与对各个转换进⾏嵌套调⽤相比，使⽤withTransform() 更有效， 因为这种情况下所有转换都在单个操作中⼀起执⾏，Compose 不必计算并保存每个嵌套转换。

最后

---

如果想要成为架构师或想突破20~30K薪资范畴，那就不要局限在编码，业务，要会选型、扩展，提升编程思维。此外，良好的职业规划也很重要，学习的习惯很重要，但是最重要的还是要能持之以恒，任何不能坚持落实的计划都是空谈。

这里有一份整理好的《Android Compose 强化实战》（100%免费领取），帮助你快速拿到心仪的offer！

如果你没有方向，这里给大家分享一套由阿里高级架构师编写的《Android八大模块进阶笔记》，帮大家将杂乱、零散、碎片化的知识进行体系化的整理，让大家系统而高效地掌握Android开发的各个知识点。

相对于我们平时看的碎片化内容，这份笔记的知识点更系统化，更容易理解和记忆，是严格按照知识体系编排的。

全套视频资料：

一、面试合集

二、源码解析合集

三、开源框架合集

欢迎大家一键三连支持，若需要文中资料，直接点击文末CSDN官方认证微信卡片免费领取↓↓↓