Android实现夜间模式切换功能实现代码

所属分类: 软件编程 / Android 阅读数: 20
收藏 0 赞 0 分享

现在很多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); 
 } 
} 

效果如下:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

Android实现悬浮窗体效果

这篇文章主要为大家详细介绍了Android实现悬浮窗体效果,显示悬浮窗口,窗口可以拖动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Andriod studio 打包aar 的方法

这篇文章主要介绍了Andriod studio 打包aar的方法,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下
收藏 0 赞 0 分享

Android加载loading对话框的功能及实例代码(不退出沉浸式效果)

这篇文章主要介绍了Android加载loading对话框的功能及实例代码,不退出沉浸式效果,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中LayoutInflater.inflater()的正确打开方式

这篇文章主要给大家介绍了关于Android中LayoutInflater.inflater()的正确打开方式,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Delphi在Android下使用Java库的方法

这篇文章主要介绍了Delphi在Android下使用Java库的方法,本文以Android的USB串口通讯库为例,给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

Retrofit2日志拦截器的使用

这篇文章主要介绍了Retrofit2日志拦截器的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android创建外部lib库及自定义View的图文教程

这篇文章主要给大家介绍了关于Android创建外部lib库及自定义View的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android分享微信小程序失败的一些事小结

这篇文章主要给大家介绍了关于Android分享微信小程序失败一些事,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android分享微信小程序技巧之图片优化

这篇文章主要给大家介绍了关于Android分享微信小程序技巧之图片优化的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android Viewpager实现无限循环轮播图

这篇文章主要为大家详细介绍了Android Viewpager实现无限循环轮播图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多