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原生方式实现夜间模式_第1张图片

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

<resources>    <color name="colorPrimary">#3F51B5color>    <color name="colorPrimaryDark">#303F9Fcolor>    <color name="colorAccent">#FF4081color>    <color name="act_background_black_white">#ffffffcolor>    <color name="text_black_white">#ff000000color>resources>

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

<resources>    <color name="colorPrimary">#ff333333color>    <color name="colorPrimaryDark">#ff222222color>    <color name="colorAccent">#ff80bd01color>    <color name="act_background_black_white">#ff000000color>    <color name="text_black_white">#ffffffcolor>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原生方式实现夜间模式_第2张图片

Android原生方式实现夜间模式_第3张图片

Demo下载地址

更多相关文章

随机推荐