android - 如何将 android.graphics.Color 转换为 androidx.compose.ui.graphics.Color

Question

我正在画一个 JetpackCompose Canvas

    Canvas(modifier = modifier.clipToBounds()) {
        val colorEvaluator = ArgbEvaluator()
        colorEvaluator.evaluate(t, Color.Red, Color.Blue)
        drawCircle(
            style = Stroke(8.dp.toPx()),
            color = AndroidColor.valueOf(colorEvaluator.evaluate(t, Color.Red, Color.Blue) as Int),
            center = Offset(size.minDimension/2 , size.minDimension/2),
            radius = size.minDimension * t)
        drawRect(
            color = darkColor,
            style = Stroke(16.dp.toPx()),
        )
    }

在哪里

import androidx.compose.ui.graphics.Color
import android.graphics.Color as AndroidColor

我在 color = AndroidColor.valueOf(colorEvaluator.evaluate(t, Color.Red, Color.Blue) as Int), 上收到此错误错误消息在哪里

Type mismatch.
Required:
androidx.compose.ui.graphics.Color
Found:
android.graphics.Color

Answer 1

看来我应该提供 AndroidColor.RED和 AndroidColor.BLUE到 ArgbEvaluator 而不是意外使用 Color的 Compose在哪里 AndroidColor是 import android.graphics.Color as AndroidColor

    Canvas(modifier = modifier.clipToBounds()) {
        drawCircle(
            style = Stroke(8.dp.toPx()),
            color = Color(ArgbEvaluator().evaluate(t, AndroidColor.RED, AndroidColor.BLUE) as Int),
            center = Offset(size.minDimension / 2, size.minDimension / 2),
            radius = size.minDimension * t
        )
        drawRect(
            color = darkColor,
            style = Stroke(16.dp.toPx()),
        )
    }

更新
找到了一个更好的方法，那就是使用lerp在 compose按照下面的代码。使用这种方法，我们不再需要使用旧的 ArgbEvaluator .

    Canvas(modifier = modifier.clipToBounds()) {
        drawCircle(
            style = Stroke(8.dp.toPx()),
            color = lerp(Color.Red, Color.Blue, t),
            center = Offset(size.minDimension / 2, size.minDimension / 2),
            radius = size.minDimension * t
        )
        drawRect(
            color = darkColor,
            style = Stroke(16.dp.toPx()),
        )
    }