Android-日夜主题切换(google推荐)

1,515 阅读3分钟
原文链接: www.jianshu.com

android日夜间模式切换相比大家都接触过,我之前也经常用,但今天想给大家推荐一个google推荐的实现方式,实现起来比较简单,就是咱们今天的主角主题-----Theme.AppCompat.DayNight

Theme.AppCompat.DayNight在Support Library 23以后也就是6.0出现,支持API 14及以上,我相信现在已经不存在低于API14的手机了吧。这个主题可以根据系统时间自动切换 Theme.AppCompat(暗色) 和 Theme.AppCompat.Light(亮色) 两种主题,注意是自动切换。早上6点到晚上10点是亮色主题,晚上10点到早上6点是暗色主题,但如果你想更加精确,需要提供坐标权限,在 API v14 以下的设备则会默认使用亮色的主题
需要提供的坐标权限如下:

<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>

1.如何使用Theme.AppCompat.DayNight。

1.1 首先呢,要我们的主题继承自Theme.AppCompat.DayNight主题。如图:
image.png

然后再我们的功能清单文件引用我们的主题就行:


image.png
1.2 建立一个叫value-night的资源文件夹,里面可以包括color,string,sytle等资源文件,与project自带的value对应。
image.png

聪明的小伙伴已经猜出来了,这value文件夹下的sytle是我们白天模式的style,而value-night下的sytle则是我们夜间模式的style.而value-night下color文件夹则是我们定义的夜间模式的颜色信息,同样我们还可以定义其他相关的文件夹。我们看一眼夜间模式我们定义的color颜色:


image.png

没啥说的,也白天对应。

1.3 如何引用我们自定义theme的属性

控件引用我们自定义的属性的格式:

android:需要修改的属性="?attr/属性名称"

如图:


image.png
1.4如何切换我们的白夜主题

我们设置好了白天和夜间的主题文件,那如何切换呢?

//设置为夜间模式,可直接调用
                  getDelegate().setLocalNightMode(MODE_NIGHT_YES);
recreate();

                 //设置为白天模式
                    getDelegate().setLocalNightMode(MODE_NIGHT_NO);
recreate();
1.5 如何监听我们当前的主题

代码如下

int uiMode = getResources().getConfiguration().uiMode;
         dayNightUiMode = uiMode & Configuration.UI_MODE_NIGHT_MASK;

        if (dayNightUiMode == Configuration.UI_MODE_NIGHT_NO) {
            btnTheme.setText("当前是亮色主题");
            dayNightUiMode=1;

        } else if (dayNightUiMode == Configuration.UI_MODE_NIGHT_YES) {
            btnTheme.setText("当前是暗色主题");
            dayNightUiMode=2;

        } else {
            btnTheme.setText("当前是自动主题");
        }
1.6 用户设置夜间主题,下次进入app之前的会自动保存不?

很遗憾不会。对待这个问题,我们通常就是将用户设置的主题保存到SharedPreference中,每次进入app都先查询用户保存的主题,然后在BaseApplication中调用 AppCompatDelegate.setDefaultNightMode()重新设置。
如图:

image.png

1.7 其他
  • 用户进行夜间主题的切换代码如下:
getDelegate().setLocalNightMode(MODE_NIGHT_YES);
  recreate();

主要是这个recreate(),此方法会使Activity重新加载,可能会使我们之前的变量值为空等,这也是很多人吐槽的地方。

  • 如果你的页面中存在webview加载,你应该尽可能使webview加载的页面和你的主题相符这样用户体验好点。
    行了,今天就说这么多!