為了保證您的應用與使用者裝置中安裝的其他應用在視覺和行為上保持一致,我們
推薦
您遵循 Material Design 規範,因為使用者從一個應用中學習的操作模式可以無縫銜接地在另一個應用中使用。
Android 使用者希望您的應用在視覺和行為上與系統保持一致。您在設計視覺和導航模式時應該遵循 Material Design 規範…
—— d。android。com/design
您可以使用 Material Design Components (MDC) 元件庫來
實現
這一目的。本文將列出使用 MDC 的優勢,從而說明我們推薦使用它的原因。
元件
MDC 提供了系統標準組件的 Material 版本,例如 Buttons、Toolbars、CheckBox 等等,使用這些元件能輕鬆實現 Material 風格。如果您使用了 MaterialComponents 主題,當您 inflate 一個 layout (透過 MDC 的 View Inflater) 時,被例項化是 Material 元件而不是標準組件,因此您不需要對佈局進行重大的更新就能輕鬆實現 Material 風格。
<!—— Copyright 2019 Google LLC。 SPDX-License-Identifier: Apache-2。0 ——><!—— 標準組件 Button 將會被替換為 MaterialButton ——><!—— 您甚至可以使用 MaterialButton 特定的屬性 ——><!——如果您想用具有向後相容能力的 AppCompatButton 而不是 MaterialButton,您可以這樣做 ——>
所有 Material 元件都繼承自對應的 AppCompat 元件,因此它們享有相同的向後相容能力和新版本的 bug 修復。
Material 元件在對應的系統標準組件和 AppCompat 元件的基礎上拓展出更多樣式和功能,例如 MaterialButton 擁有以下多種樣式:
<!—— Copyright 2019 Google LLC。 SPDX-License-Identifier: Apache-2。0 ——><!—— Contained button ——>
我最喜歡的功能之一是使用 MaterialTextView 替換 TextView,它 新增的功能 可以很方便地在 TextAppearance 中設定行高。
除了拓展現有元件的功能外,MDC 還提供了一系列全新的元件。您可能知道 Bottom Navigation、Bottom Sheet 和 Floating Action Button,但未必聽說過 Chips、Date Picker 和 Time Picker。
MDC 提供的全部元件列單,請查閱 —— 元件。
Material 主題
Material 主題 可以更系統地
自定義
Material Design 樣式來體現您的產品品牌。Material 主題包括 顏色、字型樣式 和 形狀 屬性。對其進行自定義將自動應用到您用於構建應用的元件上。
您可以將 Material 主題理解為建立設計系統的設計系統 。您只需配置好顏色、字型樣式和形狀,即可得到一套基於您品牌的完整設計系統。
Nick Rout 在以下文章中分別深入地介紹了這三個子系統:
打造 Material 顏色主題 | 實現篇
打造 Material 字型樣式主題|實現篇
打造 Material 形狀主題 | 實現篇
深色主題
MDC 元件遵循 Material 的 深色主題背景規範 實現了深色主題。在深色主題下,許多元件都將調整它們的顏色,並且在陰影不可見的情況下添加了 elevation 疊加層以表現高度變化。
Chris Banes 在下面這篇文章中深入介紹了 MDC 的深色主題:
使用 Material Design 元件實現深色主題
Material 動效
Material Design 還針對轉場動畫制定了規範。現在,MDC 不僅提供了 規範,還將這些模式實現為 Transition 以便您在應用中使用。
Hunter Stich 在下面這篇文章中介紹了 Material Motion 庫:
使用 Material Design 元件實現 Material 動效
使用 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,請檢視我們的 遷移指南。