Material Design 是一种由 Google 推出的设计语言，旨在为移动和 Web 应用程序提供一致的外观和感觉。它的设计风格简洁明了，色彩鲜艳，阴影层次感强，非常适合用于开发现代化的应用程序。在 Material Design 应用程序中，主题选择器是一个非常重要的功能，可以让用户自定义应用程序的外观和感觉，提高用户体验。在本文中，我们将介绍如何在 Material Design 应用程序中实现主题选择器。
步骤
第一步：定义主题
在 Material Design 应用程序中，主题是指应用程序的外观和感觉。它由颜色、字体、形状等元素组成。要实现主题选择器，首先需要定义几个不同的主题。可以使用 res/values/colors.xml 文件定义颜色，如下所示：
<resources>
<color name="primary">#3F51B5</color>
<color name="primary_dark">#303F9F</color>
<color name="accent">#FF4081</color>
<color name="background">#FFFFFF</color>
</resources>在上面的代码中，我们定义了四种颜色：primary、primary_dark、accent 和 background。这些颜色将用于定义主题。
第二步：创建主题样式
在 res/values/styles.xml 文件中，可以创建主题样式。例如，我们可以创建一个名为 AppTheme 的主题样式，如下所示：
<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
<item name="colorPrimary">@color/primary</item>
<item name="colorPrimaryDark">@color/primary_dark</item>
<item name="colorAccent">@color/accent</item>
<item name="android:windowBackground">@color/background</item>
</style>在上面的代码中，我们定义了一个名为 AppTheme 的主题样式。它继承自 Theme.MaterialComponents.Light.NoActionBar 主题，这是 Material Design 应用程序的默认主题。然后，我们为这个主题样式设置了四个属性：colorPrimary、colorPrimaryDark、colorAccent 和 android:windowBackground。这些属性将用于定义主题的外观和感觉。
第三步：创建主题选择器
在 res/values/styles.xml 文件中，可以创建一个主题选择器。例如，我们可以创建一个名为 ThemeSelector 的主题选择器，如下所示：
<style name="ThemeSelector" parent="Theme.MaterialComponents.Light.NoActionBar">
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="android:windowBackground">@color/background</item>
</style>在上面的代码中，我们定义了一个名为 ThemeSelector 的主题选择器。它继承自 Theme.MaterialComponents.Light.NoActionBar 主题，这是 Material Design 应用程序的默认主题。然后，我们为这个主题选择器设置了四个属性：colorPrimary、colorPrimaryDark、colorAccent 和 android:windowBackground。这些属性将用于定义主题的外观和感觉。
第四步：创建主题切换器
在 res/menu/main_menu.xml 文件中，可以创建一个主题切换器。例如，我们可以创建一个名为 theme_switcher 的菜单项，如下所示：
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item android:id="@+id/theme_switcher"
android:title="@string/theme_switcher"
app:showAsAction="always"/>
</menu>在上面的代码中，我们定义了一个名为 theme_switcher 的菜单项。它将用于切换主题。
第五步：实现主题切换器
在 MainActivity.java 文件中，可以实现主题切换器。例如，我们可以在 onOptionsItemSelected() 方法中添加以下代码：
-- -------------------- ---- -------
---------
------ ------- ------------------------------ ----- -
--- -- - -----------------
-- --- -- -------------------- -
-- ---------------- -- ----------------- -
--------------------------------
- ---- -
---------------------------
-
-----------
------ -----
-
------ ----------------------------------
-在上面的代码中，我们实现了一个名为 theme_switcher 的菜单项。当用户点击它时，我们将检查当前的主题。如果当前的主题是 AppTheme，我们将切换到 ThemeSelector 主题。如果当前的主题是 ThemeSelector，我们将切换到 AppTheme 主题。然后，我们调用 recreate() 方法重新创建 Activity，以便应用新的主题。
示例代码
以下是一个完整的示例代码，它演示了如何在 Material Design 应用程序中实现主题选择器：
-- -------------------- ---- -------
---- --------------------- ---
-----------
------ ------------------------------
------ -----------------------------------
------ -----------------------------
------ ---------------------------------
------------
---- --------------------- ---
-----------
------ --------------- ----------------------------------------------------
----- -----------------------------------------
----- --------------------------------------------------
----- ---------------------------------------
----- --------------------------------------------------------
--------
------ -------------------- ----------------------------------------------------
----- ----------------------------------------------
----- ------------------------------------------------------
----- --------------------------------------------
----- --------------------------------------------------------
--------
------------
---- ---------------------- ---
----- ----------------------------------------------------------
----------------------------------------------------
----- --------------------------------
--------------------------------------
---------------------------
-------
---- ----------------- ---
------ ----- ------------ ------- ----------------- -
---------
--------- ---- --------------- ------------------- -
-----------------------------------
---------------------------------------
---------------------------
-
---------
------ ------- ------------------------ ----- -
------------------------------------------- ------
------ -----
-
---------
------ ------- ------------------------------ ----- -
--- -- - -----------------
-- --- -- -------------------- -
-- ---------------- -- ----------------- -
--------------------------------
- ---- -
---------------------------
-
-----------
------ -----
-
------ ----------------------------------
-
------- --- --------------- -
--------------- ----- - -----------
---------- ---------- - --- -------------
------------------------------------------------ ----------- ------
------ ----------------------
-
-结论
在 Material Design 应用程序中实现主题选择器是非常简单的。只需要定义几个不同的主题，创建主题样式和主题选择器，然后实现主题切换器即可。这样可以让用户自定义应用程序的外观和感觉，提高用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673a8561026c11b6ae29899d