Android全新UI编程 - Jetpack Compose 超详细教程，焦虑的移动互联网开发者如何破局

因为Jetpack Compose的内容比较多，我会分成多个文章来进行介绍。 内容包括常用UI组件的使用，Flow和Compose的结合使用，以及如何构建MVVM应用。 还有，Compose的API还没有完全的确定下来，如果有API的修改，我也会对文章进行修订，所以敬请放心。

第1弹将会介绍如何创建Compose应用以及基本注解，Compose方法的使用。 好了，闲话不多说，开整!

2. 教程

---

2.1 创建新的项目或导入库

Jetpack Compose是从Android Studio 4.2开始支持的，所以需要通过4.2(现在是canary版本)创建新的项目或者添加导入库。这里按照创建新的项目来进行介绍。

根据上图所示，在创建新的项目时需要选择Empty Compose Activity。

此时模块中的build.gradle文件会新增下列的库的依赖。

dependencies {

…

implementation ‘androidx.ui:ui-layout:"${compose_version}"’

implementation ‘androidx.ui:ui-material:"${compose_version}"’

implementation ‘androidx.ui:ui-tooling:"${compose_version}"’

…

}

还有在模块的build.gradle文件中新增下列的设置。

android {

…

buildFeatures {

compose true

}

composeOptions {

kotlinCompilerExtensionVersion “${compose_version}”

kotlinCompilerVersion “1.3.70-dev-withExperimentalGoogleExtensions-20200424”

}

}

2.2 UI相关

2.2.1 @Compose

所有关于构建View的方法都必须添加@Compose的注解才可以。并且@Compose跟协程的Suspend的使用方法比较类似,被@Compose的注解的方法只能在同样被