美文网首页程序猿学习andnroidRun_实用
《Android APP可能有的东西》之UI篇:日夜间模式切换

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

作者: 温瑜 | 来源:发表于2016-10-21 17:38 被阅读1206次

说在前面

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

上代码 DayNightDemo

上效果

我是图

实践

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
转载请注明出处,蟹蟹!
-------我的梦想真的是做一条咸鱼!

相关文章

网友评论

  • 2b63261585ac:这个会造成切换时候闪屏吧
  • Shawpoo的:楼主,如果在设置页面设置成夜间模式,由于需要执行recreate()方法才生效,那么首页怎么跟着变呢?
    温瑜:@Shawpoo 可以这么做,类似于记录上次app的夜间模式,储存这个状态值,在需要设置的页面读取那个值。recreate()是当前的activity切换所以需要重绘,如果页面一上来就读取夜间模式,就不用recreate()啦

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

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