美文网首页程序猿学习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