《Android APP可能有的东西》之UI篇:日夜间模式切换

说在前面

日夜间模式在app上面的体验不必多说,特别是晚上,所以这玩意儿是个好东西,民间版本的夜间模式实现效果都很友好,但是都很复杂。官方在Android Support Library 23.2开始支持了夜间模式切换,所以大家伙儿不妨试试?

上代码 DayNightDemo

上效果

《《Android APP可能有的东西》之UI篇:日夜间模式切换》 我是图

实践

1.关于gradle依赖就不多说了,新建项目就会依赖

compile 'com.android.support:appcompat-v7:24.2.1'

2.切换主题的activity必须继承自AppCompatActivity

3.使用的主题,把Theme.AppCompat.DayNight作为parent:

<style name="AppTheme" parent="Theme.AppCompat.DayNight.DarkActionBar">

4.新建value-night文件夹,在此文件夹中准备另一套colors和styles。里面的名字跟对应的value下名字相同,只是值不同,这样系统就会自动获取对应的值了

5.代码部分,想要切换的地方调用:

getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_YES);//切换夜间模式
recreate();//重新启动当前activity

getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_NO);//切换日间模式
recreate();//重新启动当前activity

6.setLocalNightMode的值的说明:

  • MODE_NIGHT_NO: 使用亮色(light)主题,不使用夜间模式
  • MODE_NIGHT_YES:使用暗色(dark)主题,使用夜间模式
  • MODE_NIGHT_AUTO:根据当前时间自动切换 亮色(light)/暗色(dark)主题
  • MODE_NIGHT_FOLLOW_SYSTEM(默认选项):设置为跟随系统,通常为MODE_NIGHT_NO

7.补充一下,如何记录上一次设置的状态,可以用sp记录状态然后进来的application时候就读取,具体代码没有,就是任性!

8.补充两下,我看到很多人说这种模式切换会闪屏,怎么优化?先解释一下闪屏原因,因为必须调用recreate方法才能行,也就是说这里的activity重绘了,图中EditText里面的Hint信息也变化了,所以显得两个activity之间切换生硬,所以这里对切换主题的activity设置一个切换动画就行了,效果就是上面的图

<item name="android:windowAnimationStyle">@android:style/Animation.Toast</item>

估计这个是大家最需要的。。。。

9.还有人问到ToolBar中的相关东西怎么修改,这里只说右上角那三个点的menu打开后的背景修改,因为我在这里卡了一下,呃:

<!--设置Menu菜单的背景色-->
    <item name="android:itemBackground">@color/bg_content</item>

具体更多的关于ToolBar的移步:

android:ToolBar详解(手把手教程)

总结

主题模式这个东西涉及的资源本身就很多,需要把每个需要修改的都记录,以便替换另一套修改方案,从另一方面要求了必须把那些资源文件放在value文件夹统一管理,也算是强行纠正一些习惯。

上代码 DayNightDemo

《UI篇》拓展阅读:

《Android APP可能有的东西》之UI篇:加入购物车动画

《Android APP可能有的东西》之UI篇:流式标签&搜索历史

《Android APP可能有的东西》之UI篇:展开TextView全文

本文作者:paradoxie
个人主页:谢盒盒的小黑屋,不止说技术
简书地址:简书主页,专注技术类
github地址:paradoxie
转载请注明出处,蟹蟹!
——-我的梦想真的是做一条咸鱼!

    原文作者:温瑜
    原文地址: https://www.jianshu.com/p/cef8247b3675
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞