前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android-日夜主题切换(google推荐)

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

作者头像
android_薛之涛
发布2018-12-12 15:27:28
2.9K1
发布2018-12-12 15:27:28
举报
文章被收录于专栏:Android-薛之涛Android-薛之涛

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 以下的设备则会默认使用亮色的主题。 需要提供的坐标权限如下:

代码语言:javascript
复制
<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如何切换我们的白夜主题

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

代码语言:javascript
复制
                    //设置为夜间模式,可直接调用
                  getDelegate().setLocalNightMode(MODE_NIGHT_YES);
recreate();

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

代码如下

代码语言:javascript
复制
    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 其他
  • 用户进行夜间主题的切换代码如下:
代码语言:javascript
复制
  getDelegate().setLocalNightMode(MODE_NIGHT_YES);
  recreate();

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

  • 如果你的页面中存在webview加载,你应该尽可能使webview加载的页面和你的主题相符这样用户体验好点。 行了,今天就说这么多!
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.11.13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.如何使用Theme.AppCompat.DayNight。
    • 1.1 首先呢,要我们的主题继承自Theme.AppCompat.DayNight主题。如图:
      • 1.2 建立一个叫value-night的资源文件夹,里面可以包括color,string,sytle等资源文件,与project自带的value对应。
        • 1.3 如何引用我们自定义theme的属性
          • 1.4如何切换我们的白夜主题
            • 1.5 如何监听我们当前的主题
              • 1.6 用户设置夜间主题,下次进入app之前的会自动保存不?
                • 1.7 其他
                领券
                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档