使用 Material Design 组件实现深色主题

作者 / Chris Banes, Android 开发者关系团队工程师

Material 主题 (Theming) 涵盖的内容很多，但都旨在帮助开发者打造优良且富有表现力的用户体验，如果您对 Material 主题的颜色、字体和形状内容感兴趣的话，欢迎阅读 Nick Rout 的系列博文:

• Material Design 组件: Android 上的颜色主题

  https://medium.com/androiddevelopers/material-theming-with-mdc-color-860dbba8ce2f

• Material Design 组件: Android 上的字体主题

  https://medium.com/androiddevelopers/material-theming-with-mdc-type-8c2013430247

• Material Design 组件: Android 上的形状主题

  https://medium.com/androiddevelopers/material-theming-with-mdc-shape-126c4e5cd7b4

本文将在此基础上，探讨如何调整应用以支持深色主题。

用户可选的深色主题在 Android 10 中被添加到 Android 平台，但应用开发者们应该早就接触过深色主题了: 在 Android 5.0 (Lollipop) 之前，Android 设备的默认主题都是深色！

• Android 10

  https://developer.android.google.cn/about/versions/10

• Android 5.0

  https://developer.android.google.cn/about/versions/lollipop

去年加入的深色主题的特别之处在于，平台增加了一个设备级别的设置，让用户可以对设备整体的主题进行控制，同时还能设置应用单独的主题。

除了最近加入的设备级别设置，在 material.io 上还提供了全面的设计指南，我们将在本文中详细介绍。

• 设计指南: 深色主题

  https://material.io/design/color/dark-theme.html

为什么要支持深色主题？

首先，到底为什么要支持深色主题？在 material.io 上很好地总结了深色主题的技术优势 (我加粗了想要强调的部分):

深色主题可以降低设备屏幕发出的亮度 […]。能够通过减少用眼疲劳、根据当前照明条件调节亮度，以及让屏幕在黑暗环境中也便于观看等方式，改善视觉工效，同时还能降低电量消耗 [OLED 显示屏]。

• Material Design: 深色主题

  https://material.io/design/color/dark-theme.html#usage

不过，最根本的原因是用户想要深色主题——这是用户们一直以来的首要需求，因此 Android 团队添加了系统级别的深色主题设置。

相信看到这里，您已经打算在应用中支持深色主题了，接下来就让我们来看看怎么实现它。

快速入门

要向应用添加深色主题，可以使用 Android 版的 Material Design 组件 (MDC)。

• Material Design 组件: Android

  https://material.io/develop/android/

1. 更改主题

您需要更改主题，使其扩展自一个 Theme.MaterialComponents.DayNight 主题:

<style name="Theme.MyApp"
    parent="Theme.MaterialComponents.DayNight">
    <!-- Other theme attributes -->
</style>

2. 选择模式 (可选)

这是可选步骤，可以支持 Android 10 之前版本的设备。由于 Android 10 之前大多数设备没有系统级的深色主题设置*，应用可以提供自己的应用内设置，允许用户按应用选择主题。

* 严格来说并不绝对是这样，因为有些设备制造商已经在运行 Android 9 (和更低版本) 的设备上添加了系统级深色主题。只不过这一点无法在运行时确定。

△ 应用内深色主题设置示例

这在 Android 10 及以上版本的系统中也很有用，因为这让用户可以根据需要覆盖系统设置。比如用户将设备主题设置为按时间调整，但又希望社交应用始终为深色主题。

为了做到这一点，(MDC 使用的) AppCompat 提供了一个 API 来设置模式: AppCompatDelegate.setDefaultNightMode()。通常，当偏好设置发生变化时就会调用这个 API。

• AppCompat

  https://developer.android.google.cn/jetpack/androidx/releases/appcompat

• setDefaultNightMode()

  https://developer.android.google.cn/reference/androidx/appcompat/app/AppCompatDelegate#setDefaultNightMode(int)

如果您想进一步了解 AppCompat 中夜间模式功能的运作细节，可以阅读这篇博文。

• DayNight - 在应用中添加深色主题

  h