Android Compose-Switch、Checkbox和RadioButton的使用

528 阅读1分钟

1、Switch按钮使用:

当功能含义如同 开关 一般时,我们可以使用该控件,例如:"深色模式"、"飞行模式"

 val isChecked = remember { mutableStateOf(true) }

 Switch(checked = isChecked.value,
           onCheckedChange = {
           Log.i("text_compose","onCheckedChange>>"+it)
           isChecked.value = it
       }
       )

4796676c8f0a7fbf138661de8512839.png

2、CheckBox按钮使用:

当形式为:选中/不选中 时,可以使用该控件。

var checked by rememberSaveable { mutableStateOf(true) }
Checkbox(checked = checked, onCheckedChange = {
    checked = it
    Log.d("tag", "onCheckChanged:$it")
})

f3373a890168376f81a1c948f3e782c.png

3、RadioButton按钮使用:

val tags = arrayListOf("A", "B", "C", "D")
val selectedTag = remember { mutableStateOf("B") }

Row {
    tags.forEach {
        Row {
            RadioButton(
                selected = it == selectedTag.value,
                onClick = {
                    selectedTag.value = it
                }
            )

            Text(text = it, modifier =  Modifier.padding(12.dp))
        }

        Spacer(modifier = Modifier.width(20.dp))
    }
}

38b08fc617aff4036ec0009662f0e64.png