什么是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) { … }

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

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

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

fun Example(a: () -> Unit, b: suspend () -> Unit) {
   a() // 允许
   b() // 不允许
}
 
 
suspend 
fun Example(a: () -> Unit, b: suspend () -> Unit) {
   a() // 允许
   b() // 允许
}

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

fun Example(a: () -> Unit, b: @Composable () -> Unit) {
   a() // 允许
   b() // 不允许
}
 
 
@Composable 
fun Example(a: () -> Unit, b: @Composable () -> Unit) {
   a() // 允许
   b() // 允许
}

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

第一章 初识Jetpack

  • Jetpack是什么
  • Jetpack和Androidx
  • AndroidX的迁移

第二章 Compose的设计原理和设计概念

  • Jetpack Compose环境搭建
  • Jetpack Compose新特性和组件依赖
  • Jetpack Compose编程思想总结

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

第三章 Compose入门

  • Jetpack Compose入门的基础案例
  • Jetpack Compose基础实战

第四章 Compose布局

  • Compose State
  • Compose 样式（Theme）
  • Compose 布局核心控件
  • 自定义布局
  • Compose中的ConstraintLayout

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

第五章 Compose动画

  • Compose SideEffect
  • Compose 动画概述
  • Compose Crossfade
  • Compose animateContentSize
  • Animatable
  • Compose自定义动画

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

第六章 Compose 图形

  • Compose Canvas
  • Compose 绘制API的分析
  • Compose自定义绘制

第七章 Compose核心控件总结

  • Scaffold
  • LazyColumn

第八章 Compose项目实战

  • 使用Compose实现底部按钮和首页banner以及数据列表
  • 导航规整并实现登录个人中心页
  • 分类页面的实现
  • 实现搜索页面
  • 项目页面的实现

最后

以上就是一些 Compose的简单了解以及简单使用想要更加深入学习《Android Jetpack Compose开发应用指南第三版》必须需要一套系统的学习资料。

因为 Compose确实是一套比较难学的东西，它是一个完整的、全新的框架：渲染机制、布局机制、触摸算法以及 UI 的具体写法，全都是新的，抛弃了我们写了 N 年的 View 和 ViewGroup 那一套东西。