如何在 Jetpack compose 中为圆弧添加渐变?

问题描述 投票:0回答:0

我正在尝试在 Jetpack Compose 中创建一个 Arc 并对其应用扫描渐变,但我无法使渐变颜色从弧的开始(左)开始到它的结束(右)

这是我的弧度和梯度

val gradient = Brush.sweepGradient(
    colors = listOf(
        Color.Green,
        Color.Yellow,
        Color.Red,
        )
)

drawArc(
    brush = gradient,
    startAngle = -230f,
    sweepAngle = 280f,
    useCenter = false,
    style = Stroke(4.dp.toPx(), cap = StrokeCap.Square),
    size = Size(64.dp.toPx(), 64.dp.toPx())
)

我正在尝试实现类似带有箭头指向的速度计的东西,从绿色 -> 黄色 -> 红色开始。 现在它再次以黄绿色、黄色红色和绿色开始。

我知道我应该给它一个渐变的中心偏移量,但我不知道是哪一个。我尝试了多种组合。

你有什么建议吗?

android kotlin android-jetpack-compose gradient android-canvas
© www.soinside.com 2019 - 2024. All rights reserved.