前言

　　 Jetpack Compose 是用于构建原生 Android 界面的新工具包。它可简化并加快 Android 上的界面开发，使用更少的代码、强大的工具和直观的 Kotlin API，快速打造生动而精彩的应用。Jetpack Compose 可加快界面开发，提高 Android 工程师的工作效率。

请注意！ Jetpack compose 还处于刚刚发布正式版本的阶段，所以代码变动很大，实验性代码极多，有一些功能与配置并没有稳定。所以，后续配置的时候一定需要参考 https://developer.android.google.cn/jetpack/compose/interop/adding 官方配置文档。其中最重要的是配置好每个依赖的版本，确定自己不是用老旧alpha的版本进行开发，减少走弯路的时间。

settings.gradle

pluginManagement {
    repositories {
        gradlePluginPortal()
        google()
        mavenCentral()
    }

}
dependencyResolutionManagement {
    repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
    repositories {
        maven { url 'https://maven.aliyun.com/repository/central' }
        maven { url 'https://maven.aliyun.com/repository/public' }
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/gradle-plugin' }
        google()
        mavenCentral()
        maven {url "https://jitpack.io"}
    }
}
rootProject.name = "XXXX"
include ':app'

根目录build.gradle

注意org.jetbrains.kotlin.android 版本，这是有明确要求的确保版本在1.7.10 在官方文档中有说明：

build.gradle

// Top-level build file where you can add configuration options common to all sub-projects/modules.
plugins {
    id 'com.android.application' version '7.1.2' apply false
    id 'com.android.library' version '7.1.2' apply false
    id 'org.jetbrains.kotlin.android' version '1.7.10' apply false
}

task clean(type: Delete) {
    delete rootProject.buildDir
}

配置项目build.gradle

android {
    defaultConfig {
        ...
        minSdkVersion 21
    }

    buildFeatures {
        // Enables Jetpack Compose for this module
        compose true
    }
    ...

    // Set both the Java and Kotlin compilers to target Java 8.
    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }
    kotlinOptions {
        jvmTarget = "1.8"
    }

    composeOptions {
        kotlinCompilerExtensionVersion '1.3.0'
    }
}

需要的依赖的工具包

    /**
     * Jetpack Compose
     */
    implementation("androidx.compose.ui:ui:1.2.1") //ui基础库 - 重要
    // Tooling support (Previews, etc.)
    implementation("androidx.compose.ui:ui-tooling:1.2.1") //ui工具基础库 - 重要
    // Foundation (Border, Background, Box, Image, Scroll, shapes, animations, etc.)
    implementation("androidx.compose.foundation:foundation:1.2.1")  //基础库 - 重要
    // Material Design
    implementation("androidx.compose.material:material:1.2.1") //Material UI 设计库 - 可选
    // Material design icons
    implementation("androidx.compose.material:material-icons-core:1.2.1") //Material UI 图标设计核心库  - 可选
    implementation("androidx.compose.material:material-icons-extended:1.2.1") //Material UI 图标设计扩展库  - 可选

    implementation 'androidx.lifecycle:lifecycle-viewmodel-compose:2.5.1' //ViewModel - 可选
    implementation("androidx.compose.runtime:runtime-livedata:1.2.1")   //生命周期库 用于配合ViewModel使用 - 可选

    implementation 'androidx.activity:activity-compose:1.5.1'           //配合activity使用的基础库 - 重要

    implementation "androidx.constraintlayout:constraintlayout-compose:1.0.1" //compose下的约束布局库 - 可选

    implementation "androidx.compose.ui:ui-tooling-preview:1.2.1"   //在Android studio里预览ui的基础库

    implementation 'androidx.compose.animation:animation:1.2.1' //动画 - 可选

    //加载网络图片
    implementation("io.coil-kt:coil:2.2.1") //网络图片缓存加载框架 - 可选
    implementation("io.coil-kt:coil-compose:2.2.1") //网络图片缓存加载框架 - 可选

END