Material Design 是 Google 推出的一种设计风格，它有着非常明显的视觉效果和交互效果。为了实现 Material Design 风格，我们需要对 UI 进行大量的定制和修改。本文将介绍如何在 Android Material Design 中实现主题切换。
界面主题
Material Design 风格的应用程序基本上是由两部分组成的：
- 应用程序的主题
- 应用程序中所有组件的颜色和样式
应用程序主题是一个顶层层次结构，它定义了应用程序界面的整体外观及其行为。一般情况下，我们想要改变应用程序的主题时，需要修改下面的这些参数：
-- -------------------- ---- -------
----- ------------- ------------------
-----------
------ --------------- ---------------------------------------------
----- ----------------------------------------------
----- ------------------------------------------------------
----- --------------------------------------------
----- --------------------------------------------------------------------------
--------
------------对于 Material Design 风格的应用程序，我们应该使用带有 Material 后缀的主题。
例如：
<style name="AppTheme" parent="Theme.MaterialComponents.Light">
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>这个主题使用黑色工具栏，白色的背景。使用这个主题之后，我们还需要定义一些 Material design 来实现我们定义的这些样式。
我们的应用程序主题中，这些对主题定制非常重要。我们需要确保正确定义了这些属性值，使我们的应用程序能够像我们期望的那样工作。
实现主题切换
实现主题切换的方法非常简单，我们可以通过修改应用程序中的主题来实现。我们需要先了解一下不同主题之间的关系。
在 Material Design 中，主题有一个层次结构:
Theme.MaterialComponents是 Material Design 中最基本的主题。Theme.MaterialComponents.Light是一个白色的主题，可与浅色的 Material Design 组件一起使用。Theme.MaterialComponents.Dark是一个黑色的主题，可与深色的 Material Design 组件一起使用。
我们可以通过设置应用程序的主题来实现主题切换。我们只需要在代码中使用不同的主题即可。我们需要创建一个 ThemeManager 类，然后在其中定义所有的主题。
-- -------------------- ---- -------
------ ----- ------------ -
------- ------ ----- --- --------------- - ---
------ ------ ----- -------------- -
------ --- ------
-----------------
------------------
-----------------
--
-
------ ------ --- ---------------- ----------- -
------------------ -
---- -- ------ --------------------
---- -- ------ ---------------------
---- -- ------ ---------------------
-------- ------ --------------------
-
-
------ ------ ---- ---------------- -------- --- ----------- -
---------------------------------------------
-
------ ------ ---- ---------------- -------- -
----------------- -----------------
-
------ ------ --- --------------------- -------- -
--------- --- - -----------------------
-------- ------ - ----------------------------------------
----------------- ----- - -------------------------------------------------------
------ ----- - -------------------------------------------- -----------
--- - - -------------------------------------
-- -- -- --- -
- - --
-
------ --
-
-在这个类中，我们有一个 getThemeList() 方法，它返回了定义的所有主题。对于每个主题，我们还需要设置主题名称。然后，我们有一个 setTheme() 方法，它可以通过传递一个主题索引值来将主题应用到应用程序中。如果我们需要自动设置主题，则可以使用 setTheme() 而不传递主题索引值。另外，getThemeIndex() 方法可以获取当前存储的主题名称，并返回它在主题列表中的索引。
事实上，实现主题切换最重要的代码在每个Activity的onCreate()方法中，我们需要动态地为每个Activity应用不同的主题。我们需要编写以下代码：
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ThemeManager.setTheme(this, ThemeManager.getThemeIndex(this));
setContentView(R.layout.activity_main);
}这个代码段首先使用 setTheme() 方法动态地为应用程序设置主题。使用 getThemeIndex() 方法获取在主题列表中的默认主题。最后，调用 setContentView() 方法来设置Activity的布局。
给主题增加更多的定制
我们也可以使用更多的定制来改变主题的行为。例如，我们可以使用不同的颜色主题来实现多种视觉风格。
<style name="AppTheme.Lime" parent="Theme.MaterialComponents.Light">
<item name="colorPrimary">@color/colorLime</item>
<item name="colorPrimaryDark">@color/colorDarkLime</item>
<item name="colorAccent">@color/colorLimeAccent</item>
</style>使用这个主题就会使主题的颜色发生变化，并且我们需要在所有组件中优化颜色。
结论
在 Material Design 中，App主题是实现应用程序不同外观的核心，本文简单介绍了如何实现 Material Design 应用程序中的主题切换和一些自定义的技巧。使用这个方法可以方便地实现纵向或横向切换。通过更多的定制使我们的应用程序有不同的视觉体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674bb99ed657e1f70dbb292a