适用于 Android 的 Material Design 3。 (XML)
适用于 Android 的 Material Design 3。 (XML)
大约 8 年前(2014 年 6 月 25 日),谷歌发布了 Material Design。其主要目的是将良好的设计原则结合在一起。当然,随着时间的推移,第一个 医学博士
(材料设计)变得不那么有用,需要新功能 MD2
(Material Design 2 或 Google Material Theme)在 2018 年。今天我们还有更新的版本, MD3
(Material Design 3 或 Material You)随 Android 12 发布。在本文中,我将讨论 MD3
并讨论您是否应该迁移您的应用程序。
首先,有什么问题 MD2
?其实什么都没有。 MD2
仍然在许多应用程序中使用,我认为它没有任何问题。它提供了一致的 UI,让我们可以更轻松地在任何设计之间切换。但, MD3
引入了新的功能和特性 MD2
例如更个性化的风格,每个屏幕的适应性(至少是大多数屏幕)。因此,没有理由不迁移 MD3
(也建议这样做)。
阅读更多关于 MD3
点击这里
现在,让我们更多地谈论 MD3
从安卓的角度来看。
基于 Xml 的应用程序和基于 Compose 的应用程序之间的应用不同。在本文中,我将讨论硬币的 xml 方面。不过不要担心 Jetpack Compose 方面,我也会写这篇文章。
说话就够了?让我们开始吧。
颜色
在 MD3
颜色系统包含的颜色比我们现有的要多得多 MD2
.为了清楚起见, MD3
有 基本的
, 初级
就像 MD2
但它还包括其他颜色,例如 主容器
, onPrimaryContainer
. MD3
包括更多不存在的新颜色 MD2
, 如果你想详细 点击这里 .如果您需要一个工具来构建您的主题或只是将其可视化, 这里 是一个非常好的工具来帮助你。
在为您的应用程序构建颜色主题之后。您可以这样应用它们:
更有趣的是Android 12引入了动态颜色。颜色所承诺的只是Android系统可以通过设备当前的壁纸生成颜色模式。此外,任何使用 MD3
可以启用动态颜色,以便它也可以适应生成的颜色模式。 (细节是 这里 )
您可以为您的应用程序启用动态颜色:
不要忘记在清单中声明应用程序类,否则动态颜色将不起作用。除此之外,这就是您所需要的。
形状
形状系统或多或少相同。
排版
类型系统发生了很大变化,但大体思路是一样的(细节是 这里 )。
将所有这些应用到您的 theme.xml 文件后,您就可以开始了。类似于 MD2
你可以应用它们 属性
字段。例如,一个 TextViews 的文本外观可以用
android:textAppearance="?attr/textAppearanceBodyMedium"
一般逻辑与 MD2
.
总的来说,现在你知道如何使用 MD3
在您的应用程序中。在下一篇文章中,我将讨论如何在 Jetpack Compose 中应用所有这些。所以,请保持关注。
资源
[
材料设计 - 维基百科
开发者 Google 初始版本 2014 年 6 月 25 日; 8 年前用 HTML、CSS、Sass (v4)、JavaScript 编写的存储库……
en.wikipedia.org
](https://en.wikipedia.org/wiki/Material_Design)
[
揭开你的面纱 - Material Design
材料设计的下一阶段
材料.io
](https://material.io/blog/announcing-material-you)
[
动态颜色 - Material Design 3
从 Android 12 开始,用户可以通过壁纸选择等方式生成个性化方案……
m3.material.io
](https://m3.material.io/styles/color/dynamic-color/overview)
爱你们。
请继续关注即将发布的博客。
小心。
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明