Android开发UI新技能，你get这个新技能了吗？(附源码详解)

常见控件使用样例

===========================================================================

1. 文本显示

---

Text(text = “众鸟高飞尽，孤云独去闲。相看两不厌，只有敬亭山。”)

2. 文本输入框

---

val state = +state { “Text Field to input” }

TextField(

value = state.value,

onValueChange = { state.value = it }

)

3. 按钮

---

Button(text = “咬我啊”, onClick = { Log.v(“test”, “被咬了”) })

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdX

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享

Bsb2FkX2ltYWdlcy82MTY5Nzg5LWM5ZDE0NmU4NGFiOThjZjE_aW1hZ2VNb2dyMi9hdXRvLW9yaWVudC9zdHJpcHxpbWFnZVZpZXcyLzIvdy8xMDUvZm9ybWF0L3dlYnA?x-oss-process=image/format,png)

4.弹出框

---

MaterialTheme {

Column {

val openDialog = +state { false }

Button(“Click me”, onClick = {

openDialog.value = true

})

if (openDialog.value) {

AlertDialog(

onCloseRequest = {

openDialog.value = false

},

title = {

Text(text = “Alert Dialog Title”)

},

text = {

Text(“Alert Dialog content”)

},

confirmButton = {

Button(

“Confirm”,

onClick = {

openDialog.value = false

})

},

dismissButton = {

Button(

“Cancel”,

onClick = {

openDialog.value = false

})

},

buttonLayout = AlertDialogButtonLayout.Stacked

)

}

}

}

5. 开关

---

MaterialTheme {

val checkedState = +state { true }

Switch(

checked = checkedState.value,

onCheckedChange = { checkedState.value = it }

)

}

6. 单选框

---

MaterialTheme {

RadioButton(selected = true,

onSelect = { }

)

}

7. 复选框

---

MaterialTheme {

val checkedState = +state { true }

Checkbox(

checked = checkedState.value,

onCheckedChange = { checkedState.value = it }

)

}

8. 单选框组

---

MaterialTheme {

val radioOptions = listOf(“A”, “B”, “C”)

val (selectedOption, onOptionSelected) = +state { radioOptions[0] }

RadioGroup(

options = radioOptions,

selectedOption = selectedOption,

onSelectedChange = onOptionSelected

)