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

约束条件

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

1. Android Studio: 4.0及以上

2. 支持安卓版本:Android API 21(即5.0)及以上

3. 必须使用kotlin语言

优点

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

1. 代码更少

少了xml,少了activity和xml之间的关联.

2. 双向绑定

数据变化了,UI就自动变化.

缺点

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

1. 含有参数的Composable函数不能直接预览.

2. Composable函数必须添加@Preview注解才能预览.

3. 代码修改后,需要重新编译才能预览.

4. 目前还不完善,相比于Flutter,还处于幼儿园水平.

5. 相比于xml画页面布局,效率会有降低.

常见控件使用样例

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

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/aHR0cHM6Ly91c
GxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MTY5Nzg5LWM5ZDE0NmU4NGFiOThjZjE_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 }

)

}

最后

小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

[外链图片转存中…(img-VEsn1tu4-1718989121798)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

资料⬅专栏获取

小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

[外链图片转存中…(img-VEsn1tu4-1718989121798)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

资料⬅专栏获取