Jetpack Compose——Slider(滑块控件)简单使用

基于compose_version=1.1.0-beta01版本 参数如下:

Slider(
    value: Float,//当前值
    onValueChange: (Float) -> Unit,//滑动时回调当前值
    modifier: Modifier = Modifier,//布局修饰
    enabled: Boolean = true,//是否启用或交互
    valueRange: ClosedFloatingPointRange = 0f..1f,//可选值的范围,默认0-1
    /*@IntRange(from = 0)*/
    steps: Int = 0,//该值代表将拖动条均分为几等份。如果为0,那么是连续的值。如果是大于0,那么可选值范围会是指定的离散值
    onValueChangeFinished: (() -> Unit)? = null,//滑块值更改结束时候的回调。注意该回调不是用来更新滑块的进度的,而是用户通过拖动或者点击滑块完成选择新的数值后才有的回调
    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },//自定义属性相关
    colors: SliderColors = SliderDefaults.colors()//拖动条各种状态滑块和轨道的颜色设置
)

简单使用:

val progress = remember {
        mutableStateOf(0f)
    }
Slider(value = progress.value, onValueChange = { progress.value = it })

你可能感兴趣的:(Compose,Compose学习,Compose,Slider,Compose的Slider)