AndroidSDK Support自带夜间、日间模式切换详解
写这篇博客的目的就是教大家利用androidsdk自带的support lib来实现app日间/夜间模式的切换,最近看到好多帖子在做关于这个日夜间模式切换的开源项目,其实androidsdk support中已经有了非常好的支持了。
本文demo下载地址在文章的末尾,看完文档如果还不能实现可以下载玩玩。
--------------------------------------------------------------------------------
效果演示
左是android 4.1的效果,右是android 6.0的效果。
实现步骤
我就以我的demo为例,需要修改style,需要针对day/night设置不同的style或者color,切换模式在java代码中实现。
首先需要新建一个项目,选择初始的activity时选择baseactivity。
一、依赖appcompat库
在app module的gradle中依赖appcompat库,版本最低为23.2.0:
dependencies { compile 'com.android.support:appcompat-v7:23.4.0' }
今天博客切换日间夜间模式的原理是切换style,因为我们的页面中引用了各种style,所以我们只要为定义不同style就可以了,粗略的浏览下我们的布局页面:
<?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.coordinatorlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:fitssystemwindows="true" tools:context="com.yanzhenjie.daynight.mainactivity"> <android.support.design.widget.appbarlayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/apptheme.appbaroverlay"> <android.support.v7.widget.toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionbarsize" android:background="?attr/colorprimary" app:popuptheme="@style/apptheme.popupoverlay" /> </android.support.design.widget.appbarlayout> <include layout="@layout/content_main" /> <android.support.design.widget.floatingactionbutton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|end" android:layout_margin="@dimen/fab_margin" android:src="@android:drawable/ic_dialog_email" /> </android.support.design.widget.coordinatorlayout>
二、修改style
打开res/values/styles.xml,把原来的:
<style name="apptheme" parent="theme.appcompat.light.darkactionbar"> <item name="colorprimary">@color/colorprimary</item> <item name="colorprimarydark">@color/colorprimarydark</item> <item name="coloraccent">@color/coloraccent</item> </style>
改为:
<style name="apptheme" parent="theme.appcompat.daynight.darkactionbar"> <item name="colorprimary">@color/colorprimary</item> <item name="colorprimarydark">@color/colorprimarydark</item> <item name="coloraccent">@color/coloraccent</item> </style>
也就是把light改为daynight,daynight这个主题或者它的子主题才支持白夜间模式的切换。
三、为不同的模式写不同的colors
我们注意到上面的apptheme这个主题下其实是设置了三个颜色,这里简单实现一个效果,我们就修改这三个颜色即可,在res下新建一个values-night的文件夹:
这里先要说明一下这个文件夹的作用,我们的默认模式一般是日间模式,所以系统会读取values中的值,当我们切换到夜间模式时会读取values-night下的值,不论是style还是color。所以我们简单的替换颜色,那就新建colors.xml,我们先看下values中的colors.xml:
然后我们把values中的colors.xml文件复制到values-night中,并且修改下颜色:
我这里简单把深蓝改为浅蓝,把玫红改为金黄。
ok,styel和color到这里就技术了,下面就是java代码切换模式了。
java代码控制日间夜间模式
首先因为这个功能来自support-appcompat,所以我们的activity是继承的appcompatactivity的。
下面的三种模式都可以用在初始化、或者显式调用:
第一种,自动模式,如果我们app有定位权限、网络权限等,系统可以自动确实现在是晚上还是白天,当用户打开app时会自动切换到响应的模式,这个模式我们可以在app初始化或者application中用一个静态代码快来设置:
{ appcompatdelegate.setdefaultnightmode(appcompatdelegate.mode_night_auto); }
第二种,日间模式,调用后需要调用activity的recreate()方法:
getdelegate().setlocalnightmode(appcompatdelegate.mode_night_no);
recreate();
第三种,夜间模式,调用后需要调用activity的recreate()方法:
getdelegate().setlocalnightmode(appcompatdelegate.mode_night_yes);
recreate();
好了,非常粗鲁,就是这么简单,完了咯。
总结
1.如果你要实现的比较复杂,就不单单是在values-night中设置不同的颜色了,你也可以建不同的style,给不同的view引用。
2.需要注意的两个地方,一是app或者activity引用的style需要是theme.appcompat.daynight或者它的子style,二是调用getdelegate().setlocalnightmode()你的activity必须是继承appcompatactivity的。
文章demo源码下载:http://xiazai.jb51.net/201609/yuanma/androiddaynightsample(jb51.net).rar
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: php一个文件搞定微信jssdk配置