Android原生方式實現夜間模式
阿新 • • 發佈:2019-01-08
夜間模式的實現,Github上有很多種相關的庫和Demo,但實現方式都比較複雜,並且為了實現一個小功能,引入一個第三方庫,很多時候,都是得不償失的。 實現夜間模式的主要思路就是改變程式的style,主要是顏色。現在已經可以用原生Android的方式來實現程式的夜間模式,下面我們就用Android原生的方式來實現一下夜間模式。 Demo實現的主要思路: 1.在res目錄下新建values-night資料夾; 2.分別在values和values-night下新建colors.xml檔案,以供程式分別在白晝和夜間模式下使用; 3.新建一個Base Activity來控制黑夜模式和白晝模式的實現; 4.其他Activity繼承Base Activity。 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);
}
}
實現的效果圖如下: