Jetpack Compose 状态列表可绘制等效项

Question

在 Jetpack Compose 中获取 StateListDrawable 功能的最佳方式是什么？

Answer 1

您可以使用 InteractionSource 更改组件在不同状态下的显示方式，例如当组件被按下、拖动或聚焦时。

类似于：

val interactionSource = remember { MutableInteractionSource() }
val isFocused by interactionSource.collectIsFocusedAsState()

//Define the textColor, the icon and the iconTint if the field is focused or not
val textColor = if (isFocused) Color.Black else Color.Red
val icon = if (isFocused) Icons.Filled.Add else Icons.Filled.Share
val iconTint = if (isFocused) Color.Black else Color.Red

TextField(
    value = text,
    onValueChange = {text = it},
    interactionSource = interactionSource,
    leadingIcon = {Icon( icon ,"contentDescription")},
    colors = TextFieldDefaults.textFieldColors(
        textColor = textColor,
        leadingIconColor = iconTint
    ),
)

或

val isPressed by interactionSource.collectIsPressedAsState()
val backgroundColor = if (isPressed) Color.Blue else Color.Red

Button(
    interactionSource = interactionSource,
    colors = ButtonDefaults.buttonColors(backgroundColor= backgroundColor),
    onClick = {}
){
    Text("Button")
}