Jetpack Compose 是新的 Android 的现代工具包，用于以惊人的速度构建美观且强大的 UI。使用 Jetpack Compose 设计 UI 遵循声明性和直观的方法，这意味着您只需向框架描述您想要的内容，而其余部分则负责绘制 UI。Jetpack Compose 的有趣之处在于它需要 Kotlin，因此您应该在继续之前将其添加到您的技能集中。
在本文中，我们设置了 Jetpack Compose 1.2.1，只是为了让您快速上手体验它。
首先，下载并安装最新版本的 Android Studio。如果您还拥有 Artic Fox 版本或更新版本的 Android Studio，那就足够了。
开始一个新项目
首先打开你的Android Studio，点击create new project（如果你还没有打开一个项目），如果你已经打开了一个项目，点击File > New > New proje
从屏幕中，选择 Empty compose activity 并单击 Next。
如果您注意到，从最低 SDK 选择窗格中，最少的是 API 21 (Android 5.0)。是的，这是使用 Jetpack Compose 所需的最低 API 级别。如果您的应用需要支持较低的 Android 版本，您可能需要考虑采用旧的 XML 方式。
输入您的应用名称和包名称单击完成并等待 Android Studio 完成设置您的项目。
配置你的 gradle 版本。
打开gradle-wrapper.properties文件，该文件可以在 gradle > wrapper 文件夹中找到，并确保它看起来与此类似。我们正在使用 gradle 版本 7.3.3
distributionBase=GRADLE_USER_HOME
distributionUrl=https\://services.gradle.org/distributions/gradle-7.3.3-bin.zip
distributionPath=wrapper/dists
zipStorePath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
指定 Compose 和 Compose 编译器版本
为了本文的目的，我们将使用 Compose 的最新稳定版本（ 1.2.1 ），因此在您将项目与 gradle 同步之前，请打开项目级别的 build.gradle 文件并确保您具有与此类似的设置：
buildscript {
ext {
compose_version = '1.2.1'
compose_compiler_version = '1.3.0'
}
}// Top-level build file where you can add configuration options common to all sub-projects/modules.
plugins {
id 'com.android.application' version '7.2.0' apply false
id 'com.android.library' version '7.2.0' apply false
id 'org.jetbrains.kotlin.android' version '1.7.10' apply false
}
task clean(type: Delete) {
delete rootProject.buildDir
}
在应用级 build.gradle 文件中，将 compose 编译器版本更改为我们在项目级 build.gradle 文件中指定的版本。
Kotlin 和 SDK 构建工具版本
请注意，我们也在使用最新版本的 Kotlin 版本，如果您没有，只需转到您的 Android 工作室，选择文件 > 设置 > 语言和框架 > Kotlin 并更新到最新的稳定 Kotlin 版本。
此外，我们将使用最新的 SDK 构建工具版本 (33.0.0)。在您的 Android Studio 中，转到工具 > SDK 管理器并选择 SDK 工具，选择显示的 Android SDK Build-Tools 33，单击应用并等待完成下载。
在您的应用级别 build.gradle 中，添加以下行以指定构建工具版本。
buildToolsVersion "33.0.0"
同步和构建
现在将项目与 gradle 同步并允许它完成。
耶！我们刚刚完成了最新版本的 Jetpack Compose 的设置并准备好构建。
连接您的模拟器或调试设备并构建。对于本教程，我们将使用物理设备。因此，从您的 android 设备的开发人员选项中启用调试模式，并使用 USB 电缆将其连接到您的计算机。Android Studio 应该会自动检测并显示您的设备。
单击运行按钮并等待它完成编译项目并安装在您的设备上，并显示带有文本“Hello Android”的屏幕。
恭喜，我们成功了！
单击此链接查看 GitHub 上的基本项目存储库
在下一个教程中，我们将了解 Jetpack Compose 的基础知识。
文章链接：https://dcor.hashnode.dev/setting-up-jetpack-compose-cl70tdemm0368d3nv8fgi8x1u
网友评论