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

32329e907de661e032f01810e2945650.png

作者 / 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 视觉风格和系统界面相得益彰。

5786c62f00354bcac634049362d34601.png

△ 多个使用 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

98352f08e4d2cfa0a79a23646aef7b38.png

配色方案

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

927e909ee36252f09711ee40fcd30bac.png

△ 用于导出 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

d4a0a6043dae6422a750c322e5e76290.png

动态配色

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

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

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

  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值