Android实现夜间模式切换功能实现代码
程序员文章站
2024-03-31 10:48:04
现在很多app都有夜间模式,特别是阅读类的app,夜间模式现在已经是阅读类app的标配了,事实上,日间模式与夜间模式就是给app定义并应用两套不同颜色的主题,用户可以自动或...
现在很多app都有夜间模式,特别是阅读类的app,夜间模式现在已经是阅读类app的标配了,事实上,日间模式与夜间模式就是给app定义并应用两套不同颜色的主题,用户可以自动或者手动的开启,今天用android自带的support包来实现夜间模式。由于support library在23.2.0的版本中才添加了theme.appcompat.daynight主题,所以依赖的版本必须是高于23.2.0的,并且,这个特性支持的最低sdk版本为14,所以,需要兼容android 4.0的设备,是不能使用这个特性的,在api level 14以下的设备会默认使用亮色主题。不过现在4.0以下的设备应该比较少了吧,毕竟微信的minsdkversion都设置为14了。
添加依赖
准备资源
让应用继承daynight主题
<resources> <!-- base application theme. --> <style name="apptheme" parent="theme.appcompat.daynight.darkactionbar"> <!-- customize your theme here. --> <item name="colorprimary">@color/colorprimary</item> <item name="colorprimarydark">@color/colorprimarydark</item> <item name="coloraccent">@color/coloraccent</item> </style> </resources>
新建夜间模式资源文件夹:
在res目录下新建values-night文件夹,然后在此目录下新建colors.xml文件在夜间模式下的应用的资源。当然也可以根据需要新建drawable-night,layout-night等后缀为-night的夜间资源文件夹。如下:
内容如下:
values/colors.xml
<?xml version="1.0" encoding="utf-8"?> <!-- day values colors.xml --> <resources> <color name="colorprimary">#009688</color> <color name="colorprimarydark">#00796b</color> <color name="coloraccent">#009688</color> <color name="textcolorprimary">#616161</color> <color name="viewbackground">@android:color/white</color> <color name="colordaynightchange">@android:color/holo_orange_dark</color> </resources>
values/strings.xml
<resources> <string name="app_name">daynight</string> <string name="day_night_label">日间模式</string> </resources>
values-night/colors.xml
<?xml version="1.0" encoding="utf-8"?> <!-- night values colors.xml --> <resources> <color name="colorprimary">#35464e</color> <color name="colorprimarydark">#212a2f</color> <color name="coloraccent">#212a2f</color> <color name="textcolorprimary">#616161</color> <color name="viewbackground">#212a2f</color> <color name="colordaynightchange">@android:color/holo_blue_dark</color> </resources>
values-night/strings.xml
<resources> <string name="app_name">daynight</string> <string name="day_night_label">夜间模式</string> </resources>
使activity继承自appcompatactivity
在application中设置初始主题
动态切换
代码逻辑实现如下:
acitivity_main.xml
<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginleft="10dp" android:layout_marginright="10dp"> <textview android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" android:text="@string/day_night_label" android:textsize="20sp" android:textcolor="@color/colordaynightchange" /> <button android:id="@+id/day_night_change" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:layout_marginleft="5dp" android:text="日夜间模式切换" android:textsize="20sp" android:textcolor="@color/colordaynightchange"/> </linearlayout>
mainactivity.java
package com.jackie.daynight; import android.content.res.configuration; import android.os.bundle; import android.support.v7.app.appcompatactivity; import android.support.v7.app.appcompatdelegate; import android.view.view; import android.widget.button; public class mainactivity extends appcompatactivity { private button mdaynightchange; @override protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); mdaynightchange = (button) findviewbyid(r.id.day_night_change); mdaynightchange.setonclicklistener(new view.onclicklistener() { @override public void onclick(view v) { int mode = getresources().getconfiguration().uimode & configuration.ui_mode_night_mask; if (mode == configuration.ui_mode_night_yes) { getdelegate().setlocalnightmode(appcompatdelegate.mode_night_no); } else if (mode == configuration.ui_mode_night_no) { getdelegate().setlocalnightmode(appcompatdelegate.mode_night_yes); } recreate(); } }); } }
myapplication.java
package com.jackie.daynight; import android.app.application; import android.support.v7.app.appcompatdelegate; /** * created by jackie on 2017/3/6. * application */ public class myapplication extends application { @override public void oncreate() { super.oncreate(); /** * 默认设置一直使用夜间模式 * * 这里appcompatdelegate.setdefaultnightmode()方法可以接受的参数值有4个: * mode_night_no. always use the day (light) theme(一直应用日间(light)主题). * mode_night_yes. always use the night (dark) theme(一直使用夜间(dark)主题). * mode_night_auto. changes between day/night based on the time of day(根据当前时间在day/night主题间切换). * mode_night_follow_system(默认选项). this setting follows the system's setting, which is essentially mode_night_no(跟随系统,通常为mode_night_no). */ appcompatdelegate.setdefaultnightmode(appcompatdelegate.mode_night_yes); } }
效果如下:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。