Jetpack Compose State List Drawable 等价物

Question

StateListDrawable在 Jetpack Compose 中获得 a 功能的最佳方法是什么？

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")
}