1. 程式人生 > >Android原生方式實現夜間模式

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下的關鍵目錄如下:

res下的關鍵目錄

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);
    }
}
實現的效果圖如下:

效果圖1

效果圖2