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

作者: 薛之涛 | 来源:发表于2018-11-13 22:44 被阅读0次

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 以下的设备则会默认使用亮色的主题。

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加载的页面和你的主题相符这样用户体验好点。
    行了,今天就说这么多!

相关文章

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

    android日夜间模式切换相比大家都接触过,我之前也经常用,但今天想给大家推荐一个google推荐的实现方式,实...

  • 换肤

    Android主题切换(Theme)实现日夜间功能

  • Android主题切换日夜间模式与换肤框架小结

    1、Android主题切换日夜间模式 1、Google提供了夜间模式方案 首先你需要准备两套资源,一套日见一套夜间...

  • 源码推荐:仿写映客直播 iOS快速切换主题

    源码推荐:仿写映客直播 iOS快速切换主题 源码推荐:仿写映客直播 iOS快速切换主题

  • BMoveView,RadioGroup添加移动的特效View

    google也曾推荐使用底部导航栏的方式进行切换,使用RadioButton可完成切换的动作 RadioButto...

  • Android主题切换(Theme)实现日夜间功能

    前言 随着一款APP应用功能的不断完善,用户群体的不断增多,APP的更新也就不仅仅局限于功能需求,如何做好良好的用...

  • 切换主题

    日/夜间主题 使用Android Support Library 中的 UiMode来做“日/夜间主题” 以背景颜...

  • 主题切换

    主题切换在前几年很火的一个技术,俗称换肤!今天我们来实现下这个主题是怎么切换的。主体思路:1.要求的图片名是一样的...

  • 主题切换

    1.什么是主题切换? 就是在一个app中实现不同的主题.在同一种主题下,所有字体颜色一样,背景图的样式一样. 2....

  • 主题切换

    http://www.open-open.com/lib/view/open1460934455593.html ...

网友评论

  • 阿西吧喽:这应该是我见过最简单的日夜主题切换的实现,赶紧写个demo试验一下

本文标题:Android-日夜主题切换(google推荐)

本文链接:https://www.haomeiwen.com/subject/ebdnxqtx.html