AndroidSDK Support自帶夜間、日間模式切換詳解
寫這篇博客的目的就是教大家利用AndroidSDK自帶的support lib來實現(xiàn)APP日間/夜間模式的切換,最近看到好多帖子在做關(guān)于這個日夜間模式切換的開源項目,其實AndroidSDK Support中已經(jīng)有了非常好的支持了。
本文demo下載地址在文章的末尾,看完文檔如果還不能實現(xiàn)可以下載玩玩。
--------------------------------------------------------------------------------
效果演示
左是Android 4.1的效果,右是Android 6.0的效果。
實現(xiàn)步驟
我就以我的demo為例,需要修改Style,需要針對Day/Night設(shè)置不同的Style或者Color,切換模式在Java代碼中實現(xiàn)。
首先需要新建一個項目,選擇初始的Activity時選擇BaseActivity。
一、依賴appcompat庫
在app module的gradle中依賴appcompat庫,版本最低為23.2.0:
dependencies { compile 'com.android.support:appcompat-v7:23.4.0' }
今天博客切換日間夜間模式的原理是切換style,因為我們的頁面中引用了各種style,所以我們只要為定義不同style就可以了,粗略的瀏覽下我們的布局頁面:
<?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
打開res/values/styles.xml,把原來的:
<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這個主題或者它的子主題才支持白夜間模式的切換。
三、為不同的模式寫不同的colors
我們注意到上面的AppTheme這個主題下其實是設(shè)置了三個顏色,這里簡單實現(xiàn)一個效果,我們就修改這三個顏色即可,在res下新建一個values-night的文件夾:
這里先要說明一下這個文件夾的作用,我們的默認(rèn)模式一般是日間模式,所以系統(tǒng)會讀取values中的值,當(dāng)我們切換到夜間模式時會讀取values-night下的值,不論是style還是color。所以我們簡單的替換顏色,那就新建colors.xml,我們先看下values中的colors.xml:
然后我們把values中的colors.xml文件復(fù)制到values-night中,并且修改下顏色:
我這里簡單把深藍(lán)改為淺藍(lán),把玫紅改為金黃。
OK,styel和color到這里就技術(shù)了,下面就是java代碼切換模式了。
Java代碼控制日間夜間模式
首先因為這個功能來自support-appcompat,所以我們的Activity是繼承的AppCompatActivity的。
下面的三種模式都可以用在初始化、或者顯式調(diào)用:
第一種,自動模式,如果我們app有定位權(quán)限、網(wǎng)絡(luò)權(quán)限等,系統(tǒng)可以自動確實現(xiàn)在是晚上還是白天,當(dāng)用戶打開APP時會自動切換到響應(yīng)的模式,這個模式我們可以在APP初始化或者Application中用一個靜態(tà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é)
1.如果你要實現(xiàn)的比較復(fù)雜,就不單單是在values-night中設(shè)置不同的顏色了,你也可以建不同的style,給不同的view引用。
2.需要注意的兩個地方,一是app或者activity引用的style需要是Theme.AppCompat.DayNight或者它的子style,二是調(diào)用getDelegate().setLocalNightMode()你的Activity必須是繼承AppCompatActivity的。
文章Demo源碼下載:http://xiazai.jb51.net/201609/yuanma/AndroidDayNightSample(jb51.net).rar
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android WebView上實現(xiàn)JavaScript與Java交互
這篇文章主要介紹了Android WebView上實現(xiàn)JavaScript與Java交互 的相關(guān)資料,需要的朋友可以參考下2016-03-03Android引用開源框架通過AsyncHttpClient實現(xiàn)文件上傳
這篇文章主要介紹了Android引用開源框架通過AsyncHttpClient實現(xiàn)文件上傳,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-01-01Android通過ConnectivityManager檢查網(wǎng)絡(luò)狀態(tài)
這篇文章主要為大家詳細(xì)介紹了Android通過ConnectivityManager檢查網(wǎng)絡(luò)狀態(tài)的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-08-08聊聊GridView實現(xiàn)拖拽排序及數(shù)據(jù)交互的問題
這篇文章主要介紹了聊聊GridView實現(xiàn)拖拽排序及數(shù)據(jù)交互的問題,整體實現(xiàn)思路是通過在一個容器里放置兩個dragview,DragView里面進(jìn)行View的動態(tài)交換以及數(shù)據(jù)交換,具體實現(xiàn)代碼跟隨小編一起看看吧2021-11-11Android onKeyDown監(jiān)聽返回鍵無效的解決辦法
這篇文章主要介紹了 Android onKeyDown監(jiān)聽返回鍵無效的解決辦法的相關(guān)資料,需要的朋友可以參考下2017-06-06