[移动开发]Android Compose Switch开关控件和Slider滑块控件

@Composable
fun SwitchDemo(){
    val status= rememberSaveable() {
        mutableStateOf(false)
    }
    val num= rememberSaveable() {
        mutableStateOf(0f)
    }
    Column(modifier = Modifier
        .statusBarsPadding()
        .fillMaxSize()) {
        Switch(
            checked = status.value,
            onCheckedChange = {
                status.value=it
            },
            modifier=Modifier.offset(10.dp),
            enabled=true,
            /**
             * checkedThumbColor - 启用和选中时用于拇指的颜色
             * checkedTrackColor - 启用和选中时用于轨道的颜色
             * checkedTrackAlpha - 应用于 checkedTrackColor 和 disabledCheckedTrackColor 的 alpha
             * uncheckedThumbColor - 启用和取消选中时用于拇指的颜色
             * uncheckedTrackColor - 启用和未选中时用于轨道的颜色
             * uncheckedTrackAlpha - 应用于 uncheckedTrackColor 和 disabledUncheckedTrackColor 的 alpha
             * disabledCheckedThumbColor - 禁用和选中时用于拇指的颜色
             * disabledCheckedTrackColor - 禁用和选中时用于轨道的颜色
             * disabledUncheckedThumbColor - 禁用和未选中时拇指使用的颜色
             * disabledUncheckedTrackColor - 禁用和未选中时用于轨道的颜色
             */
            colors= SwitchDefaults.colors(
                checkedThumbColor= commonBlue,          //启用和选中时用于拇指的颜色
                checkedTrackColor= yellow1,             //启用和选中时用于轨道的颜色
            )
        )
        Slider(
            value = num.value,                          //滑块的当前值
            onValueChange = {
                num.value=it
            },                                          //实时更新值
            modifier=Modifier.offset(10.dp),            //修饰符
            valueRange=0f..100f,                        //值范围
            steps=100,                                  //如果大于0，则指定离散值的数量，在整个值范围内均匀分布。如果为 0，滑块将表现为连续滑块，并允许从指定范围中选择任何值。不能为负数
            onValueChangeFinished={                     //终止拖动或点击后的回调
                //context在compose无法使用this获取，建议直接使用Application的
                Toast.makeText(MyApplication.getInstance(),num.value.toString().trim(),Toast.LENGTH_SHORT).show()
            },
            /**
             * thumbColor - 启用时的拇指颜色
             * disabledThumbColor - 禁用时的拇指颜色
             * activeTrackColor - “活动”部分中轨道的颜色，意味着拇指在它前面
             * inactiveTrackColor - “非活动”部分中轨道的颜色，意味着拇指在它之前
             * disabledActiveTrackColor - 禁用滑块时“活动”部分中轨道的颜色
             * disabledInactiveTrackColor - 禁用滑块时“非活动”部分中轨道的颜色
             * activeTickColor - 如果指定了步骤，则用于在活动轨道上绘制刻度线的颜色
             * inactiveTickColor - 如果在 Slider 上指定了步骤，则用于在非活动轨道上绘制刻度线的颜色
             * disabledActiveTickColor - 当 Slider 被禁用并在其上指定步骤时，用于在活动轨道上绘制刻度线的颜色
             * disabledInactiveTickColor - 当 Slider 被禁用并在其上指定步骤时，用于在轨道的非活动部分绘制刻度线的颜色
             */
            colors= SliderDefaults.colors(
                thumbColor= commonBlue
            )
        )
    }
}

?Text文本控件：?Android Compose Text控件_淘气章鱼哥的博客-CSDN博客

Button按钮控件：Android Compose Button控件_淘气章鱼哥的博客-CSDN博客

TextField输入框控件：Android Compose TextField控件_淘气章鱼哥的博客-CSDN博客

Image图片加载控件：Android Compose Image图片加载控件_淘气章鱼哥的博客-CSDN博客

Switch开关控件和Slider滑块控件：Android Compose Switch开关控件和Slider滑块控件_淘气章鱼哥的博客-CSDN博客

CheckBox复选框控件：Android Compose CheckBox复选框控件_淘气章鱼哥的博客-CSDN博客

RadioButton单选框控件：Android Compose RadioButton控件_淘气章鱼哥的博客-CSDN博客