Jetpack Compose中OutlinedTextField获得焦点时如何全选文本

以下是适配你现有代码的完整修改版本，无需调整组件调用逻辑即可实现获得焦点自动全选的功能：

@Composable
fun SearchTextField(
    text: MutableState<String>,
    trailingIcon: @Composable (() -> Unit)? = null,
    placeholder: @Composable (() -> Unit)? = { Text(stringResource(R.string.vip_search_hint_sz)) },
    keyboardOptions: KeyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number)
) {
    // 焦点请求器，可选，用于后续手动触发焦点
    val focusRequester = remember { FocusRequester() }
    // 维护文本选中范围状态
    var selection by remember { mutableStateOf(TextRange.Zero) }

    OutlinedTextField(
        value = text.value,
        onValueChange = { newText ->
            text.value = newText
            // 输入时将光标定位到文本末尾，取消全选状态
            selection = TextRange(newText.length)
        },
        modifier = Modifier
            .padding(top = 5.dp, bottom = 5.dp)
            .focusRequester(focusRequester)
            .onFocusChanged { focusState ->
                // 获得焦点且文本不为空时全选所有内容
                if (focusState.isFocused && text.value.isNotEmpty()) {
                    selection = TextRange(0, text.value.length)
                }
            },
        // 绑定选中范围参数
        selection = selection,
        placeholder = placeholder,
        trailingIcon = trailingIcon,
        textStyle = TextStyle(fontSize = 16.sp),
        singleLine = true,
        colors = textFieldColors(),
        keyboardOptions = keyboardOptions
    )
}

核心修改说明 #

• 新增selection状态变量控制文本选中范围，TextRange(start, end)可以指定从start下标到end下标的文本被选中
• 给OutlinedTextField添加selection参数绑定我们维护的选中状态
• 通过Modifier.onFocusChanged监听输入框焦点状态，当获得焦点且文本非空时，将选中范围设置为从开头到文本末尾实现全选
• 在onValueChange回调中更新文本的同时，将选中范围重置为光标在文本末尾，避免用户输入时一直保持全选状态

可选优化方案 #

如果可以调整组件参数类型，推荐使用MutableState<TextFieldValue>替代MutableState<String>，无需单独维护selection状态，代码更简洁：

@Composable
fun SearchTextField(
    textState: MutableState<TextFieldValue>,
    trailingIcon: @Composable (() -> Unit)? = null,
    placeholder: @Composable (() -> Unit)? = { Text(stringResource(R.string.vip_search_hint_sz)) },
    keyboardOptions: KeyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number)
) {
    val focusRequester = remember { FocusRequester() }

    OutlinedTextField(
        value = textState.value,
        onValueChange = { newState ->
            textState.value = newState
        },
        modifier = Modifier
            .padding(top = 5.dp, bottom = 5.dp)
            .focusRequester(focusRequester)
            .onFocusChanged { focusState ->
                if (focusState.isFocused && textState.value.text.isNotEmpty()) {
                    textState.value = textState.value.copy(
                        selection = TextRange(0, textState.value.text.length)
                    )
                }
            },
        placeholder = placeholder,
        trailingIcon = trailingIcon,
        textStyle = TextStyle(fontSize = 16.sp),
        singleLine = true,
        colors = textFieldColors(),
        keyboardOptions = keyboardOptions
    )
}

依赖导入提示 #

需要提前导入以下类：

import androidx.compose.ui.focus.FocusRequester
import androidx.compose.foundation.text.selection.TextRange
// 选用第二种优化方案需要额外导入
import androidx.compose.ui.text.input.TextFieldValue

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