如何获取DropDownButton选中项及优化动态添加的滚动条

一、获取DropDownButton当前选中项 #

既然你的DropDownButton没有直接提供选中索引的属性，且选项关联了Context里的时长信息，最稳妥的方式是在ViewModel中维护一个选中项的状态变量，把选中操作和状态更新绑定起来——这样既能在Content里直接展示选中内容，后续业务操作也能直接复用这个状态。

举个Jetpack Compose + ViewModel架构下的具体例子：

1. 先在ViewModel里定义状态和选项列表：

class DurationViewModel : ViewModel() {
    // 替换成你实际的时长数据模型
    data class DurationInfo(val id: Int, val label: String, val length: Long)

    // 从Context加载的时长选项列表（模拟初始化逻辑）
    val durationList = mutableStateListOf<DurationInfo>().apply {
        add(DurationInfo(1, "10分钟", 600000))
        add(DurationInfo(2, "30分钟", 1800000))
        add(DurationInfo(3, "1小时", 3600000))
    }

    // 维护选中项的状态，初始可设为第一个选项或null
    val selectedDuration = mutableStateOf<DurationInfo?>(durationList.firstOrNull())

    // 供UI层调用的选中变更回调
    fun onDurationSelected(duration: DurationInfo) {
        selectedDuration.value = duration
        // 这里可以直接触发后续业务操作，比如保存数据、调用接口等
    }
}

2. 再在UI层（Compose Content）绑定状态：

@Composable
fun DurationDropDown(viewModel: DurationViewModel = viewModel()) {
    var expanded by remember { mutableStateOf(false) }
    val selected = viewModel.selectedDuration.value

    Box(modifier = Modifier.fillMaxWidth()) {
        TextButton(onClick = { expanded = true }) {
            Text(text = selected?.label ?: "选择时长")
        }
        DropdownMenu(expanded = expanded, onDismissRequest = { expanded = false }) {
            viewModel.durationList.forEach { duration ->
                DropdownMenuItem(
                    onClick = {
                        viewModel.onDurationSelected(duration)
                        expanded = false
                    }
                ) {
                    Text(text = duration.label)
                    // 给选中项加标记，提升用户体验
                    if (duration == selected) {
                        Icon(Icons.Default.Check, contentDescription = "已选中")
                    }
                }
            }
        }
    }

    // 直接在Content中展示选中信息
    selected?.let {
        Text(text = "当前选中：${it.label}（${it.length/60000}分钟）")
    }
}

如果是传统Android View系统（比如Spinner），思路完全一致：在ViewModel里维护选中状态，给Spinner设置OnItemSelectedListener，回调时更新ViewModel状态，UI层通过观察状态来展示内容。

二、从ViewModel层调整滚动条尺寸优化显示 #

滚动条的尺寸控制虽属于UI层，但可以通过ViewModel传递状态实现动态调整——核心是让ViewModel持有滚动条的尺寸参数状态，UI层绑定这个状态并实时更新，把尺寸调整逻辑和UI层解耦。

还是以Jetpack Compose为例：

1. 在ViewModel里定义滚动条状态和调整逻辑：

class DurationViewModel : ViewModel() {
    // 滚动条宽度状态，默认4dp，可动态修改
    val scrollbarWidth = mutableStateOf(Dp(4.dp))
    // 滚动条高度状态（按需配置）
    val scrollbarHeight = mutableStateOf(Dp.Unspecified)

    // 根据内容数量调整滚动条尺寸的方法
    fun adjustScrollbarSize(contentCount: Int) {
        // 示例逻辑：内容少于5项时缩小滚动条，超过10项恢复默认
        scrollbarWidth.value = if (contentCount < 5) Dp(2.dp) else Dp(4.dp)
        // 如果需要匹配容器尺寸，可传入容器高度计算，比如：
        // scrollbarHeight.value = containerHeight * 0.8f
    }

    // 监听列表变化，自动调整滚动条
    init {
        durationList.addOnListChangedCallback(object : ObservableList.OnListChangedCallback<MutableList<DurationInfo>>() {
            override fun onChanged(sender: MutableList<DurationInfo>?) {
                sender?.let { adjustScrollbarSize(it.size) }
            }
            // 其他回调方法按需实现
        })
    }
}

2. 在UI层绑定状态配置滚动条：

@Composable
fun DurationList(viewModel: DurationViewModel = viewModel()) {
    val scrollState = rememberScrollState()
    val scrollbarWidth = viewModel.scrollbarWidth.value

    Box(modifier = Modifier.fillMaxSize()) {
        LazyColumn(state = scrollState) {
            items(viewModel.durationList) { duration ->
                Text(text = duration.label, modifier = Modifier.padding(16.dp))
            }
        }
        // 绑定ViewModel的滚动条宽度状态
        Scrollbar(
            modifier = Modifier.align(Alignment.CenterEnd).width(scrollbarWidth),
            scrollState = scrollState
        )
    }
}

如果是传统View系统的ScrollView，可在ViewModel里维护滚动条宽度的像素值（int类型），通过DataBinding或LiveData观察这个值，在UI层调用scrollView.setScrollBarSize()动态更新。这种方式能让尺寸调整逻辑跟随业务需求灵活变化，还方便复用和测试。

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