告别XML，Android新声明式UI框架《Jetpack Compose入门到精通》最全开发指南_android ui框架

作者：小蓝xlanll | 2024-02-25 05:18:18

踩

android ui框架

什么是Jetpack Compose?

Jetpack Compose是Android的新声明式UI框架。长期以来, Android 开发人员习惯于使用带有状态视图的xml编写UI,这些状态视图通过逐步浏览视图层次结构进行更新。使用Jetpack Compose, UI 是通过使用KotinQ 函数以无状态方式编写的。

可组合函数使用注解进行@Composable注解。可组合函数必须使用此注解进行注解，通知编译器此函数将UI添加到View Hierarchy。虽然Composable函数可以调用其他标准函数，但Composable本身只能从其他Composable调用。

@Composable 注解意味着什么？

如果您已经了解过 Compose，您大概已经在一些代码示例中看到过 @Composable 注解。这里有件很重要的事情需要注意—— Compose 并不是一个注解处理器。Compose 在 Kotlin 编译器的类型检测与代码生成阶段依赖 Kotlin 编译器插件工作，所以无需注解处理器即可使用 Compose。

这一注解更接近于一个语言关键字。作为类比，可以参考 Kotlin 的 suspend 关键字:

// 函数声明
suspend fun MyFun() { … }
 
// lambda 声明
val myLambda = suspend { … }
 
// 函数类型
fun MyFun(myParam: suspend () -> Unit) { … }

1
2
3
4
5
6
7
8
9

Kotlin 的 suspend 关键字适用于处理函数类型: 您可以将函数、lambda 或者函数类型声明为 suspend。Compose 与其工作方式相同: 它可以改变函数类型。

// 函数声明
@Composable fun MyFun() { … }
 
// lambda 声明
val myLambda = @Composable { … }
 
// 函数类型
fun MyFun(myParam: @Composable () -> Unit) { … }
1
2
3
4
5
6
7
8

这里的重点是，当您使用 @Composable 注解一个函数类型时，会导致它类型的改变: 未被注解的相同函数类型与注解后的类型互不兼容。同样的，挂起 (suspend) 函数需要调用上下文作为参数，这意味着您只能在其他挂起函数中调用挂起函数:

fun Example(a: () -> Unit, b: suspend () -> Unit) {
   a() // 允许
   b() // 不允许
}
 
 
suspend 
fun Example(a: () -> Unit, b: suspend () -> Unit) {
   a() // 允许
   b() // 允许
}
1
2
3
4
5
6
7
8
9
10
11

Composable 的工作方式与其相同。这是因为我们需要一个贯穿所有的上下文调用对象。

fun Example(a: () -> Unit, b: @Composable () -> Unit) {
   a() // 允许
   b() // 不允许
}
 
 
@Composable 
fun Example(a: () -> Unit, b: @Composable () -> Unit) {
   a() // 允许
   b() // 允许
}
1
2
3
4
5
6
7
8
9
10
11

如果您还没有选择使用Jetpack Compose，我强烈建议您查看谷歌为Compose提供整理的学习资料,因为它提供了可用于快速开始您的Compose体验的基本细节和示例，扫码直接领取。