是否可以在 Jetpack Compose 的 TextField 中获得不同的颜色?
类似于 Text
可与 AnnotatedString
组合使用,但 TextField 不允许 AnnotatedString
作为输入值。
可组合颜色的普通文本的图像
最佳答案
您可以使用 VisualTransformation
在 TextField
.
TextField(
value = text,
onValueChange = { text = it },
visualTransformation = ColorsTransformation()
)
在 VisualTransformation
您可以使用 AnnotatedString
显示具有多种样式的文本。就像是:
class ColorsTransformation() : VisualTransformation {
override fun filter(text: AnnotatedString): TransformedText {
return TransformedText(
buildAnnotatedStringWithColors(text.toString()),
OffsetMapping.Identity)
}
}
和:fun buildAnnotatedStringWithColors(text:String): AnnotatedString{
val words: List<String> = text.split("\\s+".toRegex())// splits by whitespace
val colors = listOf(Color.Red,Color.Black,Color.Yellow,Color.Blue)
var count = 0
val builder = AnnotatedString.Builder()
for (word in words) {
builder.withStyle(style = SpanStyle(color = colors[count%4])) {
append("$word ")
}
count ++
}
return builder.toAnnotatedString()
}
关于android - Jetpack Compose 的 TextField 中的多种颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67517762/