Compose Slider

RelinRan

已于 2024-12-20 14:32:07 修改

阅读量128

点赞数 3

分类专栏： Android Compose 文章标签： Slider Compose SeekBar

于 2024-11-29 16:23:14 首次发布

本文链接：https://blog.youkuaiyun.com/u012127961/article/details/144140388

版权

Android Compose 专栏收录该内容

35 篇文章

订阅专栏

在这里插入图片描述

@Composable
@Preview
fun SeekBar(){
    var progress by remember { mutableStateOf(0f) }
    Column(modifier = Modifier.background(color = Color.White, shape = RoundedCornerShape(8.dp)).padding(16.dp)) {
        Text(
            text = "Progress: ${progress.toInt()}%",
            modifier = Modifier.padding(bottom = 16.dp)
        )
        Slider(
            value = progress,
            onValueChange = { progress = it },
            valueRange = 0f..100f,
            steps = 10, // 可选：设置步长
            colors = SliderDefaults.colors(
                thumbColor = Color.Red, // 圆圈的颜色
                activeTrackColor = Color.Blue,// 进度条颜色
                inactiveTrackColor = Color.LightGray // 背景条颜色
            ),
            modifier = Modifier.padding(bottom = 16.dp)
        )
        Text(
            text = "Current: ${progress}",
            modifier = Modifier.padding(bottom = 16.dp)
        )
    }
}