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

Question

我正在绘制一个JetpackComposeCanvas

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

看起来我应该向ArgbEvaluator提供AndroidColor.RED和AndroidColor.BLUE，而不是意外使用Compose的Color

其中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()),
)
}

更新

找到了一个更好的方法，即按照下面的代码在compose中使用lerp。使用这种方法，我们不再需要使用旧的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()),
)
}