您可能对现有的 Compose Material 库十分了解,它基于 Material Design 2 规范,其中包括了 Material 主题、Material 组件和深色主题等功能。新的 Compose Material 3 Jetpack 库 现已发布 Alpha 版,它基于 Material Design 3 规范,包括了更新后的主题、组件以及动态配色这类 Material You 个性化功能,旨在与新的 Androi...
首个稳定版Compose Material 3[1]现已发布。借助此内容库，您可以使用Material Design 3[2](新一代 Material Design 构建 Jetpack Compose 界面。立即开始在应用中使用 Material Design 3 吧！*文中交替使用的术语 "Material Design 3"、"Material 3" 和 "M3" 均指代同一内容。Material 3 不仅包含更新后的主题...
*文中交替使用的术语 "Material Design 3"、"Material 3" 和 "M3" 均指代同一内容。 Material 3 不仅包含更新后的主题和组件、动态配色等个性化功能,还旨在与最新的 Android 视觉风格和系统界面相得益彰。 △ 多个使用 Material Design 3 主题的应用 您可以将 Compose Material 3 依赖项添加到build.gradle文件中...
Compose Material 3https://developer.android.google.cn/reference/kotlin/androidx/compose/material3/package-summary Material Design 3https://m3.material.io/ *文中交替使用的术语 "Material Design 3"、"Material 3" 和 "M3" 均指代同一内容。 Material 3 不仅包含更新后的主题和组件、动态配色等个性化功能,...
这样所有的规范都被归类为这三种类型,无需根据不同的屏幕具体尺寸单独定义。以 Compose-M3 的代码为例,当屏幕尺寸发生变化时触发布局重组,重组中获取最新的 windowSizeClass 针对性地做出布局: enum class WindowSizeClass { Compact, Medium, Expanded }@Composablefun MyApp(windowSizeClass: WindowSizeClass) { /...
2014 年 Google 发布了 Material Design(简称MD),成为了 Google 系产品统一的 UI 设计语言。时至今日 MD 已经有了两次大升级,2018年发布的Material Theming(Material Design2,简称 M2),以及 2021年新发布的Material You(Material Design3,简称 M3)。本文就带...
Jetchat 是一款使用 Jetpack Compose 构建的示例聊天应用,目前使用 Material Design 2 中的主题和组件。我们将在 Jetchat 中,应用由我们的设计人员提供的 Compose Material 3 库的更新,其中包括更广泛的色调颜色、对组件的最新更新,甚至包括动态配色以使应用更加个性化,从而使其更加美观。
2014 年 Google 发布了 Material Design(简称MD),成为了 Google 系产品统一的 UI 设计语言。时至今日 MD 已经有了两次大升级,2018年发布的Material Theming(Material Design2,简称 M2),以及 2021年新发布的Material You(Material Design3,简称 M3)。本文就带大家细数一下 M3 相对于 M2 的升级和变化。
2014 年 Google 发布了 Material Design(简称MD),成为了 Google 系产品统一的 UI 设计语言。时至今日 MD 已经有了两次大升级,2018年发布的Material Theming(Material Design2,简称 M2),以及 2021年新发布的Material You(Material Design3,简称 M3)。本文就带大家细数一下 M3 相对于 M2 的升级和变化。
△ Material 3 与 Material 2 的字体样式分组 Compose 使用新的 Typography 类对字体规格进行建模,其参数以 Material Design 3 字体规格中的样式命名。我们可以使用 Roboto 基准值创建一个 Typography 实例,用自定义文本样式覆盖默认值,最后将 Typography 作为参数传递给 MaterialTheme。