Jetpack Compose Custom UI - 带动画的速度计

Question

我想创建一个自定义 ui 以在自定义视图中显示分数，例如带动画的速度计。实现就像将分数传递给视图，视图中的针将从 0 到通过的分数进行动画处理。背景会根据分数变化，50以下是红色，50以上是red.Can谁帮我实现this.I附上ui供参考。它也可以以任何格式分享到社交媒体。

Answer 1

总之需要使用 Canvas 来实现这个组件。

我做了一个初步的实现，可以给你一个 kick-off。

这是存储库： https://github.com/nglauber/JetpackComposePlayground/blob/master/app/src/main/java/br/com/nglauber/jetpackcomposeplayground/screens/SpeedometerScreen.kt

结果如下：