Android原生方式实现夜间模式

夜间模式的实现，Github上有很多种相关的库和Demo，但实现方式都比较复杂，并且为了实现一个小功能，引入一个第三方库，很多时候，都是得不偿失的。
实现夜间模式的主要思路就是改变程序的style，主要是颜色。现在已经可以用原生Android的方式来实现程序的夜间模式，下面我们就用Android原生的方式来实现一下夜间模式。
Demo实现的主要思路：
1.在res目录下新建values-night文件夹；
2.分别在values和values-night下新建colors.xml文件，以供程序分别在白昼和夜间模式下使用；
3.新建一个Base Activity来控制黑夜模式和白昼模式的实现；
4.其他Activity继承Base Activity。

res下的关键目录如下：

Android原生方式实现夜间模式

values的colors.xml文件中定义的颜色如下：

<resources>
<color name="colorPrimary">#3F51B5</color>
<color name="colorPrimaryDark">#303F9F</color>
<color name="colorAccent">#FF4081</color>

<color name="act_background_black_white">#ffffff</color>
<color name="text_black_white">#ff000000</color>
</resources>

values-night的colors.xml文件中定义的颜色如下：

<resources>
<color name="colorPrimary">#ff333333</color>
<color name="colorPrimaryDark">#ff222222</color>
<color name="colorAccent">#ff80bd01</color>
<color name="act_background_black_white">#ff000000</color>
<color name="text_black_white">#ffffff</color>
</resources>

当在白昼模式下，程序会自动引用values下的资源，当在黑夜模式下，程序会自动引用values-night下的资源。
在看Base Activity，代码如下：

package com.yanzhenjie.daynight;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.app.AppCompatDelegate;

/**
 * BaseActivity
 *
 * Created by YuLin
 */
public abstract class BaseActivity extends AppCompatActivity {
private static boolean enableNightMode = false;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
if(!enableNightMode) {
            AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);
        } else {
            AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES);
        }
    }

/**
 *If enabled night mode
 * @return true or false
 */
public boolean isEnableNightMode() {
return enableNightMode;
    }

/**
 * enable night mode or not
 * @param enableNightMode true or false
 */
public void setEnableNightMode(boolean enableNightMode) {
this.enableNightMode = enableNightMode;
if(enableNightMode) {
           getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_YES);
        } else {
            getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_NO);
        }
       recreate();
    }
}

在Base Activity中主要是做了两件事：
1.定义一个静态变量用于标识是否打开夜间模式；
2.在onCreate函数中来判断当前程序当前程序该使用哪一种模式。
为什么要用静态标量呢？大家都知道，静态变量的生命周期是跟Application一致的，而不是跟Activity一致的。因为我们在切换模式的时候需要调用Activity的recreate()函数，因此Activity每次都会发生重启，即重新调用onCreate()函数，如果使用非晶态变量，那么该变量就会重新被初始化。
在程序中，我们提供了一个函数，以供继承此BaseActivity的Activity来改变程序的黑夜、白昼模式：

/**
 * enable night mode or not
 * @param enableNightMode true or false
 */
public void setEnableNightMode(boolean enableNightMode) {
this.enableNightMode = enableNightMode;
if(enableNightMode) {
           getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_YES);
        } else {
            getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_NO);
        }
       recreate();
    }

当我们在BaseActivity的子类中调用setEnableNightMode(true)的时候，就会开启黑夜模式，即：

getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_YES);
recreate();

实际上是调用了AppCompatDelegate的setLocalNightMode()函数,记得要调用Activity的recreate()函数，否则不会起作用。
在onCreate()函数中我们初始化黑夜、白昼模式则有所不同，我们调用的是AppCompatDelegate的setDefaultNightMode函数，如下：

if(!enableNightMode) {              AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);
        } else {
            AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES);
        }

我们让MainActivity继承BaseActivity，并在MainActivity中实现夜间模式和白昼模式的切换，首先瞄下MainActivity中布局文件的主要内容：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
android:background="@color/act_background_black_white"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="com.yulin.dayandnightdemo.MainActivity"
tools:showIn="@layout/activity_main">

<Button
 android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="modeDay"
android:textColor="@color/text_black_white"
android:text="白昼模式" />

<Button
 android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="modeNight"
android:textColor="@color/text_black_white"
android:text="夜间模式" />

</LinearLayout>

主要是在里面加了两个Button，以实现白昼模式和黑夜模式的切换：
在看MainActivity:

package com.yulin.dayandnightdemo;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends BaseActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
    }

public void modeDay(View v) {
        setEnableNightMode(false);
    }

public void modeNight(View v) {
        setEnableNightMode(true);
    }
}

实现的效果图如下：

Android原生方式实现夜间模式

Demo下载地址

秒客网

Android原生方式实现夜间模式

相关文章