Compose Material 3 稳定版现已发布 | 2022 Android 开发者峰会

作者 / Android 开发技术推广工程师 Gurupreet Singh

首个稳定版 Compose Material 3 现已发布。借助此内容库，您可以使用 Material Design 3 (新一代 Material Design) 构建 Jetpack Compose 界面。立即开始在应用中使用 Material Design 3 吧！

• Compose Material 3
  https://developer.android.google.cn/reference/kotlin/androidx/compose/material3/package-summary

• Material Design 3
  https://m3.material.io/

*文中交替使用的术语 "Material Design 3"、"Material 3" 和 "M3" 均指代同一内容。

Material 3 不仅包含更新后的主题和组件、动态配色等个性化功能，还旨在与最新的 Android 视觉风格和系统界面相得益彰。

△ 多个使用 Material Design 3 主题的应用

您可以将 Compose Material 3 依赖项添加到 build.gradle 文件中，即可开始在应用中使用 Material Design 3:

// 在模块 build.gradle 中添加依赖项


执行“androidx.compose.material3:material3:$material3_version”

注意: 您可以前往 Compose Material 3 版本页面了解最新的 M3 版本:

https://developer.android.google.cn/jetpack/androidx/releases/compose-material3

配色方案

Material 3 不仅提供更广泛的、更细粒度的颜色自定义选项，还提供开箱即用的浅色和深色配色方案。借助 Material Theme Builder，您可以使用核心颜色生成自定义配色方案，并选择导出 Compose 主题代码。您可以阅读更多关于配色方案及颜色角色的内容。

△ 用于导出 Material 3 配色方案的 Material Theme Builder

• Material Theme Builder
  https://material.io/material-theme-builder

• 更多关于配色方案及颜色角色的内容
  https://m3.material.io/styles/color/the-color-system/key-colors-tones

动态配色

动态配色源自用户的壁纸，可应用于应用和系统界面中。

• 动态配色
  https://m3.material.io/styles/color/dynamic-color/overview

动态配色适用于 Android 12 (API 级别 31) 及更高版本的系统。如果系统支持动态配色，则可以设置动态 ColorScheme。如果不支持，您可以转而使用自定义的深色或浅色 ColorScheme。