[移动开发]Jetpack Compose （一）

声明式UI和命令式UI

Jetpack Compose 是用于构建原生 Android 界面的新工具包，稳定版目前更新到?1.0版本，它基于声明式的编程模型，与传统xml命令式UI相比可以增加开发效率，使用更少的代码实现更多的功能，不用花费时间在颜色、动画、大小变化等界面状态维护的事情上。

运行环境

Jetpack Compose 是基于kotlin语言开发的框架，不支持Java。Android Studio需要4.0及以上版本，在4.0时添加了对Jetpack Compose 的支持，如新的Compose 模版和Compose 及时预览。minSdkVersion 最小只能选择 API level 21。build.gradle?文件，Jetpack Compose 相关配置如下

android {
    defaultConfig {
        minSdk 21
        targetSdk 31
    }
    //kotlin 相关参数配置
    kotlinOptions {
        jvmTarget = '1.8'
        useIR = true
    }
    // 此 module 启动 Jetpack Compose
    buildFeatures {
        compose true
    }
    // Jetpack compose 相关参数配置
    composeOptions {
        kotlinCompilerExtensionVersion compose_version
        kotlinCompilerVersion '1.5.21'
    }
}

dependencies {
    implementation "androidx.compose.ui:ui:$compose_version"
    implementation "androidx.compose.material:material:$compose_version"
    implementation "androidx.compose.ui:ui-tooling-preview:$compose_version"
    implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.3.1'
    implementation 'androidx.activity:activity-compose:1.3.0-alpha06'
}

可组合函数

上图为一个简单的可组合函数，所有可组合函数都必须带有@Compose注释，此注释可告知 Compose 编译器此函数旨在将数据转换为界面。向函数传递一个参数，它使用该参数在屏幕上呈现文本。