Jetpack Compose系列(1)-初识Jetpck

Jetpack Compose是什么

2019年的I/O大会上，Google宣布Kotlin成为Android开发首选语言（这次不是第一次说了），且后续会有新的Jetpack API和功能将在Kotlin中提供，并同时开源Jetpack Compose。

简介

Jetpack是一套库、工具和指南，目的是为了帮助开发者更轻松的编写优质应用，与Kotlin一起提高开发者工作效率。Jetpack Compose是用于构建原生Android UI的现代工具包。使用更少的代码，强大的工具和直观的Kotlin API，简化并加速了Android上的UI开发。这是Android Developers 官网对它的描述。值得一提的是，Jetpack Compose和苹果的SwiftIUI一样是一个声明式的UI框架。

为什么

Android中的原生UI工具包的使用历史可追溯到至少10年前。自那时以来，我们使用的设备，用户的期望，以及开发人员对他们所使用的开发工具、开发语言的期望等客观环境都发生了很大变化。另外一个重要原因是view.java这个类实在过大，包含3000+行代码，致使你甚至无法在Github上查看该文件，更可怕的是，我们所使用的几个每一个UI组件都需要继承自View。

Google的Android团队的Anna-Chiara表示，他们对已经实现的一些API感到遗憾，因为他们也无法在不破坏功能的情况下收回、修复或者扩展这些API，因此现在是一个全新起点的好时机。

应用架构

环境准备和 Hello Android

要想获得Jetpack Compose 的最佳体验，我们最好下载最新版本的Android Studio 最少也要Android Studio 4.0以上(最好是用Bumblebee及以上版本)，这个版本开始添加了对Jetpack Compose 的支持，如新的Compose 模版和Compose 及时预览）。

创建一个支持Jetpack Compose的新应用

创建一个支持Jetpack Compose 的新项目十分简单，跟常规的创建羡慕步骤一致，需要注意的是在Select a Project Template 窗口时，选择Empty Compose Activity。

然后Next -> Finish即可，需要注意的是Minimum API level 中最低只能是21(最低版本只兼容到21)，语言只能选定Kotlin。

Jetpack Compose 只能用Kotlin来写的代码才能运行起来，这点没得选。

最后点击Finish后，经过短时间的初始化，我们就进入到创建好的工程中，看到系统自动生成的代码：

复制代码

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MyApplicationTheme {
                // A surface container using the 'background' color from the theme
                Surface(modifier = Modifier.fillMaxSize(), color = MaterialTheme.colors.background) {
                    Greeting("Android")
                }
            }
        }
    }
}

@Composable
fun Greeting(name: String) {
    Text(text = "Hello $name!")
}

@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    MyApplicationTheme {
        Greeting("Android")
    }
}

onCreate()中的方法明显和Java版本默认生成的不大一样，这些放到后面讲。

运行后即可看到，Hello Android!

让现有项目支持 Jetpack Compose

当然，要用到Jetpack Compose不一定需要重新另起工程，想要在现有项目中支持Jetpack Compose的话，只需要配置一些必备的设置和依赖：

1、修改gradle

2、将app目录下的build.gradle文件中的app支持的最低API 版本设置为21或更高，同时设置Jetpack Compose enable开启，添加工具包依赖。

复制代码

android {
    defaultConfig {
        ...
        minSdkVersion 21
    }

    buildFeatures {
        // 设置compose开关为true
        compose true
    }
    ...

    // 设置java编译版本为8.0（这点是必须不可更改）.

    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }

    kotlinOptions {
        jvmTarget = "1.8"
    }
    dependencies {
    // You also need to include the following Compose toolkit dependencies.
    implementation 'androidx.ui:ui-tooling:0.1.0-dev02'
    implementation 'androidx.ui:ui-layout:0.1.0-dev02'
    implementation 'androidx.ui:ui-material:0.1.0-dev02'
    ...
}


}

3、引入Kotlin-Gradle 插件

Jetpack Compose 需要Kotlin-Gradle插件,使用需要在根目录下的build.gradle添加如下：

复制代码

buildscript {
    repositories {
        google()
        jcenter()
        maven { url 'https://dl.bintray.com/kotlin/kotlin-eap' }  //add this
        dependencies {
            classpath 'com.android.tools.build:gradle:4.0.0-alpha01'
            classpath 'org.jetbrains.kotlin:kotlin-gradle-plugin:1.3.60-eap-25'
        }
        ... ...
    }

    allprojects {
        repositories {
            google()
            jcenter()
            maven { url 'https://dl.bintray.com/kotlin/kotlin-eap' }    //add this
        }
    }
}

这时将整个工程rebuild下，我们就可以开始进行Jetpack Compose的学习了。

一些可能会碰到的坑

1、Mac上更新最新版本AS后打开模拟器，无反应，再次点击会提示如此错误：

按提示来，找到对应目录文件删掉然后重启就行。如果你就这样去Mac上找这个目录可能找不到，因为部分是隐藏目录，对应的你只需要去用户目录下按Command + Shift +句点（CMD + Shift +。）快捷键即可看到隐藏目录和文件。

后续你删掉对应文件并重启AS成功打开模拟器后，程序发布时可能会提示以下报错：

复制代码

An exception occurred applying plugin request [id: 'com.android.application']
        > Failed to apply plugin 'com.android.internal.application'.
> Android Gradle plugin requires Java 11 to run. You are currently using Java 1.8.
You can try some of the following options:
- changing the IDE settings.
- changing the JAVA_HOME environment variable.
- changing `org.gradle.java.home` in `gradle.properties`.

这是因为AGP 7.0.0-alpha02起需要使用Java 11（https://developers-jp.googleblog.com/2020/12/announcing-android-gradle-plugin.html）

当Java版本不正确时，Gradle的sync阶段就会爆出上述错误，这里需要注意gradle的Java版本并非AS上这个工程依赖的Java版本。

对应解决策略是打开AS中对应的选项，AndroidStudio -> Preferences -> Gradle中进行设置Java版本Version为11。

然后依次Download -> Apply -> OK 。等程序重新build结束，即可顺利发布。

Jetpack Compose系列(1)-初识Jetpck

Jetpack Compose是什么

简介

为什么

分类

应用架构

环境准备和 Hello Android

创建一个支持Jetpack Compose的新应用

让现有项目支持 Jetpack Compose

一些可能会碰到的坑