寫(xiě)這篇博客的目的就是教大家利用AndroidSDK自帶的support lib來(lái)實(shí)現(xiàn)APP日間/夜間模式的切換，最近看到好多帖子在做關(guān)于這個(gè)日夜間模式切換的開(kāi)源項(xiàng)目，其實(shí)AndroidSDK Support中已經(jīng)有了非常好的支持了。

本文demo下載地址在文章的末尾，看完文檔如果還不能實(shí)現(xiàn)可以下載玩玩。

--------------------------------------------------------------------------------

效果演示

左是Android 4.1的效果，右是Android 6.0的效果。

實(shí)現(xiàn)步驟

我就以我的demo為例，需要修改Style，需要針對(duì)Day/Night設(shè)置不同的Style或者Color，切換模式在Java代碼中實(shí)現(xiàn)。

首先需要新建一個(gè)項(xiàng)目，選擇初始的Activity時(shí)選擇BaseActivity。

一、依賴(lài)appcompat庫(kù)

在app module的gradle中依賴(lài)appcompat庫(kù)，版本最低為23.2.0：

dependencies {
 compile 'com.android.support:appcompat-v7:23.4.0'
}

今天博客切換日間夜間模式的原理是切換style，因?yàn)槲覀兊捻?yè)面中引用了各種style，所以我們只要為定義不同style就可以了，粗略的瀏覽下我們的布局頁(yè)面：

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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:fitsSystemWindows="true"
 tools:context="com.yanzhenjie.daynight.MainActivity">

 <android.support.design.widget.AppBarLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:theme="@style/AppTheme.AppBarOverlay">

 <android.support.v7.widget.Toolbar
  android:id="@+id/toolbar"
  android:layout_width="match_parent"
  android:layout_height="?attr/actionBarSize"
  android:background="?attr/colorPrimary"
  app:popupTheme="@style/AppTheme.PopupOverlay" />

 </android.support.design.widget.AppBarLayout>

 <include layout="@layout/content_main" />

 <android.support.design.widget.FloatingActionButton
 android:id="@+id/fab"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_gravity="bottom|end"
 android:layout_margin="@dimen/fab_margin"
 android:src="@android:drawable/ic_dialog_email" />

</android.support.design.widget.CoordinatorLayout>

二、修改style

打開(kāi)res/values/styles.xml，把原來(lái)的：

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
 <item name="colorPrimary">@color/colorPrimary</item>
 <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
 <item name="colorAccent">@color/colorAccent</item>
</style>

改為：

<style name="AppTheme" parent="Theme.AppCompat.DayNight.DarkActionBar">
 <item name="colorPrimary">@color/colorPrimary</item>
 <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
 <item name="colorAccent">@color/colorAccent</item>
</style>

也就是把Light改為DayNight，DayNight這個(gè)主題或者它的子主題才支持白夜間模式的切換。

三、為不同的模式寫(xiě)不同的colors

我們注意到上面的AppTheme這個(gè)主題下其實(shí)是設(shè)置了三個(gè)顏色，這里簡(jiǎn)單實(shí)現(xiàn)一個(gè)效果，我們就修改這三個(gè)顏色即可，在res下新建一個(gè)values-night的文件夾：

這里先要說(shuō)明一下這個(gè)文件夾的作用，我們的默認(rèn)模式一般是日間模式，所以系統(tǒng)會(huì)讀取values中的值，當(dāng)我們切換到夜間模式時(shí)會(huì)讀取values-night下的值，不論是style還是color。所以我們簡(jiǎn)單的替換顏色，那就新建colors.xml，我們先看下values中的colors.xml：

然后我們把values中的colors.xml文件復(fù)制到values-night中，并且修改下顏色：

我這里簡(jiǎn)單把深藍(lán)改為淺藍(lán)，把玫紅改為金黃。

OK，styel和color到這里就技術(shù)了，下面就是java代碼切換模式了。

Java代碼控制日間夜間模式

首先因?yàn)檫@個(gè)功能來(lái)自support-appcompat，所以我們的Activity是繼承的AppCompatActivity的。

下面的三種模式都可以用在初始化、或者顯式調(diào)用：

第一種，自動(dòng)模式，如果我們app有定位權(quán)限、網(wǎng)絡(luò)權(quán)限等，系統(tǒng)可以自動(dòng)確實(shí)現(xiàn)在是晚上還是白天，當(dāng)用戶(hù)打開(kāi)APP時(shí)會(huì)自動(dòng)切換到響應(yīng)的模式，這個(gè)模式我們可以在APP初始化或者Application中用一個(gè)靜態(tài)代碼快來(lái)設(shè)置：

{
 AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_AUTO);
}

第二種，日間模式，調(diào)用后需要調(diào)用Activity的recreate()方法：

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

第三種，夜間模式，調(diào)用后需要調(diào)用Activity的recreate()方法：

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

好了，非常粗魯，就是這么簡(jiǎn)單，完了咯。

總結(jié)
 1.如果你要實(shí)現(xiàn)的比較復(fù)雜，就不單單是在values-night中設(shè)置不同的顏色了，你也可以建不同的style，給不同的view引用。
 2.需要注意的兩個(gè)地方，一是app或者activity引用的style需要是Theme.AppCompat.DayNight或者它的子style，二是調(diào)用getDelegate().setLocalNightMode()你的Activity必須是繼承AppCompatActivity的。

文章Demo源碼下載：http://xiazai.jb51.net/201609/yuanma/AndroidDayNightSample(jb51.net).rar

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論