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

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主题。如图:
6748497-336b661badf3d22f.png
image.png

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


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

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


6748497-2f3bf61fc4da2c19.png
image.png

没啥说的,也白天对应。

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

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

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

如图:


6748497-6e1cadc33256da77.png
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()重新设置。
如图:

6748497-293a3ccaa40318f5.png
image.png

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

薛之涛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值