文章/答案/技术大牛

发布

社区首页 >问答首页 >Jetpack Compose更改幻灯片拇指大小

问Jetpack Compose更改幻灯片拇指大小
EN

Stack Overflow用户

提问于 2021-09-04 08:07:43

回答 2查看 1.3K关注 0票数 1

有什么方法可以改变滑块拇指的大小吗？我想现在我们只能操控颜色

var sliderPosition by remember { mutableStateOf(0f) }
Text(text = sliderPosition.toString())
Slider(
    value = sliderPosition,
    onValueChange = { sliderPosition = it },
    valueRange = 0f..100f,
    onValueChangeFinished = {
        // launch some business logic update with the state you hold
        // viewModel.updateSelectedSliderValue(sliderPosition)
    },
    steps = 5,
    colors = SliderDefaults.colors(
        thumbColor = MaterialTheme.colors.secondary,
        activeTrackColor = MaterialTheme.colors.secondary
    )
)

slider

android-jetpack-compose

seekbar-thumb

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-09-04 08:18:47

不能，此大小不能修改。您唯一能做的就是将整个Slider.kt文件复制到您的项目中并对其进行修改。

最好给新视图起一个不同的名字，以避免将来产生误解。

您应该更改ThumbRadius常量，或者如果在应用程序中需要不同的大小，则将其设置为变量。

票数 2

Stack Overflow用户

发布于 2021-11-19 15:17:41

我已经创建了一个库来简化Slider的定制，因为Material package中的Slider并不灵活。https://github.com/krottv/compose-sliders。下面是如何使用它来缩小拇指大小的代码示例：

var stateSlider by remember { mutableStateOf(0.5f) }
SliderValueHorizontal(
    stateSlider, { stateSlider = it },
    modifier = Modifier
        .fillMaxWidth(),
    // desired size of Slider's thumb
    thumbSize = DpSize(8.dp, 8.dp)
)

你也可以为thumb和track指定自定义的composables。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69053494

复制

相似问题

问Jetpack Compose更改幻灯片拇指大小
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jetpack Compose更改幻灯片拇指大小EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jetpack Compose更改幻灯片拇指大小
EN