推荐开发者使用 Material Design 组件

为了保证您的应用与用户设备中安装的其余应用在视觉和行为上保持一致,咱们 推荐 您遵循 Material Design 规范,由于用户从一个应用中学习的操做模式能够无缝衔接地在另外一个应用中使用。html

Android 用户但愿您的应用在视觉和行为上与系统保持一致。您在设计视觉和导航模式时应该遵循 Material Design 规范…android

—— d.android.com/designgit

您可使用 Material Design Components (MDC) 组件库来 实现 这一目的。本文将列出使用 MDC 的优点,从而说明咱们推荐使用它的缘由。github

组件

MDC 提供了系统标准组件的 Material 版本,例如 ButtonsToolbarsCheckBox 等等,使用这些组件能轻松实现 Material 风格。若是您使用了 MaterialComponents 主题,当您 inflate 一个 layout (经过 MDC 的 View Inflater) 时,被实例化是 Material 组件而不是标准组件,所以您不须要对布局进行重大的更新就能轻松实现 Material 风格。segmentfault

<!-- Copyright 2019 Google LLC.
   SPDX-License-Identifier: Apache-2.0 -->

<!--  标准组件 Button 将会被替换为 MaterialButton -->
<Button ... />

<!-- 您甚至可使用 MaterialButton 特定的属性 -->
<Button ...
  app:icon="@drawable/foo"/>

<!--若是您想用具备向后兼容能力的 AppCompatButton 而不是 MaterialButton,您能够这样作 -->
<androidx.appcompat.widget.AppCompatButton ... />

全部 Material 组件都继承自对应的 AppCompat 组件,所以它们享有相同的向后兼容能力和新版本的 bug 修复。app

Material 组件在对应的系统标准组件和 AppCompat 组件的基础上拓展出更多样式和功能,例如 MaterialButton 拥有如下多种样式:less

<!-- Copyright 2019 Google LLC.  
   SPDX-License-Identifier: Apache-2.0 -->

<!-- Contained button -->
<Button ... 
  style="?attr/materialButtonStyle"/>

<!-- Text button -->
<Button ... 
  style="?attr/borderlessButtonStyle"/>

<!-- Outlined button -->
<Button ... 
  style="?attr/materialButtonOutlinedStyle"/>

我最喜欢的功能之一是使用 MaterialTextView 替换 TextView,它 新增的功能 能够很方便地在 TextAppearance 中设置行高。工具

除了拓展示有组件的功能外,MDC 还提供了一系列全新的组件。您可能知道 Bottom NavigationBottom SheetFloating Action Button,但未必据说过 ChipsDate PickerTime Picker布局

MDC 提供的所有组件列单,请查阅 —— 组件学习

Material 主题

Material 主题 能够更系统地 自定义 Material Design 样式来体现您的产品品牌。Material 主题包括 颜色字体样式形状 属性。对其进行自定义将自动应用到您用于构建应用的组件上。

您能够将 Material 主题理解为建立设计系统的设计系统 🤯。您只需配置好颜色、字体样式和形状,便可获得一套基于您品牌的完整设计系统。

Nick Rout 在如下文章中分别深刻地介绍了这三个子系统:

深色主题

MDC 组件遵循 Material 的 深色主题背景规范 实现了深色主题。在深色主题下,许多组件都将调整它们的颜色,而且在阴影不可见的状况下添加了 elevation 叠加层以表现高度变化。

Chris Banes 在下面这篇文章中深刻介绍了 MDC 的深色主题:

Material 动效 🆕

Material Design 还针对转场动画制定了规范。如今,MDC 不只提供了 规范,还将这些模式实现为 Transition 以便您在应用中使用。

Hunter Stich 在下面这篇文章中介绍了 Material Motion 库:

使用 Compose

Jetpack Compose 是 Android 系统的下一代 UI 工具包,目前 已正式发布。它会提供 Material 风格的组件和主题。尽早使用 MDC 将为将来迁移至 Jetpack Compose 作好准备 — 它们使用了相同的概念、设计名词和组件。您甚至可使用相似 MDC-Android Compose 主题适配器 的库来简化迁移过程,该库将 XML 实现的 MDC 主题转换为 Compose 的 MaterialTheme

推荐使用 Material

但愿您已经清楚咱们推荐使用 Material Design Components 构建 Android UI 的缘由。咱们 近期更新 了在 Android Studio 中经过 File > New Project 菜单新建的模版,这些模版为您预设置了 Material 主题并使用了 MDC,所以您能够更容易的开始使用 MDC。若是您尚未迁移到 MDC,请查看咱们的 迁移指南

相关文章
相关标签/搜索