学胖子的个人博客

Jetpack Compose学习 Slider

发表于 分类于 ，

Jetpack Compose学习 -------- Slider 拖动条

Slider 拖动条 基本使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

    @Composable
fun SliderDemo() {
    Column(Modifier.padding(10.dp)) {
        val sliderPosition = remember {
            mutableStateOf(0f)
        }
        Slider(value = sliderPosition.value, onValueChange = {
            sliderPosition.value = it
        })
        Spacer(modifier = Modifier.height(5.dp))
        Text("当前进度: ${sliderPosition.value.toString()}")
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

@Composable
   fun ComposableSample() {
       val sliderPosition = remember {
           mutableStateOf(0f)
       }
       Slider(
           value = sliderPosition.value,
           colors = SliderDefaults.colors(
               //圆圈的颜色
               thumbColor = Color.White,
               //滑条颜色 (注 : 滑条默认颜色:inactiveTrackColor  默认是 与 activeTrackColor 一样 设置了 0.24f 透明度)
               activeTrackColor = Color(0xFF0079D3)
           ),
           onValueChange = {
               sliderPosition.value = it
           }
       )
   }