Jetpack Compose键盘焦点与可点击指示高亮问题咨询

一、你的代码问题：Modifier顺序错误 #

你的代码里把background(color)放在了focusable()和onFocusChanged前面，Compose的Modifier是按从左到右顺序应用的，状态变化的回调需要正确关联到焦点状态的监听逻辑。调整顺序后，焦点状态变化才能正确触发背景色更新。

修正后的基础版本 #

var color by remember { mutableStateOf(Green) }

Box(
    modifier = Modifier
        .focusable()
        .onFocusChanged { 
            color = if (it.isFocused) Blue else Green
        }
        .background(color)
) {
    Text(
        text = "Some content",
        style = MaterialTheme.typography.h1
    )
}

带clickable的版本 #

如果要保留点击能力，同时实现焦点背景变化，clickable内部默认会添加focusable行为，直接调整顺序即可：

var color by remember { mutableStateOf(Green) }

Box(
    modifier = Modifier
        .clickable { }
        .onFocusChanged { 
            color = if (it.isFocused) Blue else Green
        }
        .background(color)
) {
    Text(
        text = "Some content",
        style = MaterialTheme.typography.h1
    )
}

如果想同时保留默认的焦点高亮（Indication）和自定义背景，可显式指定交互源：

val interactionSource = remember { MutableInteractionSource() }
var color by remember { mutableStateOf(Green) }

Box(
    modifier = Modifier
        .clickable(
            interactionSource = interactionSource,
            indication = LocalIndication.current
        ) { }
        .onFocusChanged { 
            color = if (it.isFocused) Blue else Green
        }
        .background(color)
) {
    Text(
        text = "Some content",
        style = MaterialTheme.typography.h1
    )
}

二、Compose中组件焦点的实现要点 #

• 开启焦点能力：给组件添加focusable() modifier，这是组件能接收焦点的基础。
• 监听焦点状态：用onFocusChanged回调获取焦点变化，其中isFocused表示当前组件是否直接获得焦点，hasFocus表示组件或其子组件是否持有焦点。
• 驱动UI更新：用mutableStateOf这类可观察状态保存焦点相关的UI属性（比如背景色），状态变化会自动触发Compose重组，更新UI。

三、键盘焦点与组件焦点的关系 #

• 键盘焦点是组件焦点的一种：Compose中的焦点包含多种类型，键盘焦点是用于键盘导航的核心类型——通过Tab/Shift+Tab、方向键切换焦点时，触发的就是键盘焦点变化。
• 焦点的触发途径：
  • 键盘导航：通过键盘按键切换焦点，触发onFocusChanged回调。
  • 触摸/点击：添加clickable后，点击组件会让其获得焦点，这也是你加clickable后能看到默认灰色覆盖层的原因。
• 焦点与焦点高亮的区别：你之前混淆的两个概念：
  • 焦点：是组件的状态，代表它是否处于可接收输入的激活状态。
  • 焦点高亮（Indication）：是焦点状态的默认视觉反馈，Compose提供了默认样式，你也可以像修改背景色这样自定义视觉表现。

内容的提问来源于stack exchange，提问作者Johan Paul