如何在 Android 应用程序中使用 Material Design 颜色？

Material Design 是一个由 Google 推出的 UI 设计规范，旨在创造一种更加美观且可预测的用户体验，它强调直观性和一致性，并使用鲜艳的颜色和平面化的设计风格。在本文中，我们将学习如何在 Android 应用程序中使用 Material Design 中的颜色，使用它们为应用程序增添现代的外观和感觉。

使用 Material Design 调色板

Material Design 的调色板是一个事先定义好的颜色集合，其中包含多个可供选择的颜色。使用该调色板可以让我们的应用程序实现一致的外观和体验。下面是一个 Material Design 调色板的示例：

为了能够在我们的应用程序中使用这些颜色，需要在我们的项目中添加依赖项：

implementation 'com.google.android.material:material:1.2.0'

一旦添加了依赖项，我们就可以在我们的 XML 布局文件和 Java 类中使用 Material Design 的颜色了。例如，我们可能想要将控件的背景颜色设置为我们调色板中的颜色，如下所示：

<TextView
    android:id="@+id/text_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello World!"
    android:background="@color/material_red_500" />

在这个例子中，我们将文本视图背景颜色设置为 Material Design 调色板中的红色，该颜色定义为 @color/material_red_500。

使用 Material Design 颜色代码

Material Design 还提供了一些颜色代码，可以在我们的应用程序中直接使用，无需定义自己的调色板。下面是一些 Material Design 颜色代码的示例：

使用这些颜色代码非常简单。例如，我们可以将文本视图的文本颜色设置为深橙色：

<TextView
    android:id="@+id/text_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello World!"
    android:textColor="#FF5722" />

结论

Material Design 是一个美观、流行且易于使用的 UI 设计规范。它是颜色、图标和元素设计的完美结合，可以让您的应用程序看起来更现代化、更专业，同时提供优秀的用户体验。在本文中，我们学习了如何在 Android 应用程序中使用 Material Design 的颜色，无论您是使用调色板还是颜色代码，都可以轻松使用 Material Design 中的颜色。

示例代码

以下是使用 Material Design 颜色在 Android 应用程序中设置视图颜色的示例代码。请注意，您需要在 Android Studio 中添加 implementation 'com.google.android.material:material:1.2.0' 依赖项才能使用 Material Design 的颜色。

-- -------------------- ---- -------
------ ------------------
------ ------------------------
------ -----------------------------------------

------ ----- ------------ ------- ----------------- -

    ---------
    --------- ---- --------------- ------------------- -
        -----------------------------------
        ---------------------------------------

        -- --------------
        -------- --------- - -------------------------------
        --------------------------------------------------------------------------------

        -- ---------------
        -------- --------- - -------------------------------
        ----------------------------------------------------------------------------------------

        -- ---------------
        -------- --------- - -------------------------------
        --------------------------------------------------------------------------------
    -
-

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66efe8de6fbf960197314810