對(duì)于一款閱讀類的軟件，夜間模式是不可缺少的。最初看到這個(gè)需求時(shí)候覺得無從下手，沒有一點(diǎn)頭緒。后來通過查閱資料發(fā)現(xiàn)Android官方在Support Library 23.2.0中已經(jīng)加入了夜間主題。也就是只需要通過更換主題便可實(shí)現(xiàn)日間模式和夜間模式的切換。下面截取項(xiàng)目實(shí)現(xiàn)的夜間模式效果圖：
效果看起來還比較nice，沒有閃屏，過度也比較平滑。那么項(xiàng)目中的這個(gè)日間、夜間模式切換效果是如何實(shí)現(xiàn)的呢？下面將從以下幾個(gè)方面來講解：
一 實(shí)現(xiàn)夜間模式需要的配置
二 實(shí)現(xiàn)白天和夜間模式的切換
三 實(shí)現(xiàn)夜間模式時(shí)遇到的問題及解決方案
一、實(shí)現(xiàn)夜間模式需要的配置
1.首先在gradel中引入以下依賴
compile 'com.android.support:appcompat-v7:25.3.1'
1
2.讓我們項(xiàng)目的主題繼承夜間模式主題，在style中設(shè)置如下主題：
<style name= "AppTheme"parent= "Theme.AppCompat.DayNight"> <! -- Customize your theme here. -->< itemname= "colorPrimary">@color/colorPrimary</ item> < itemname= "colorPrimaryDark">@color/colorPrimaryDark</ item> < itemname= "colorAccent">@color/colorAccent</ item> </style>
1
2
3
4
5
6
3.新建drawable-night和values-night的資源目錄。如果要適配不同分辨率的屏幕則可新建drawable-night-hdip、drawable-night-xhdpi等目錄來存放不同分辨率的圖片資源。values-night目錄下存放與夜間模式相關(guān)的value文件。本篇文章講解僅以夜間模式和日間模式的顏色為例，在values-night目錄下新建color.xml文件。
（1）新建values-night目錄，如下：
（2）在values-night目錄下新建colors文件，如下：
接下來只需要在對(duì)應(yīng)的colors文件下寫不同的顏色值(夜間顏色值和白天顏色值)即可。至此關(guān)于實(shí)現(xiàn)夜間模式的配置已經(jīng)基本完成。
二、實(shí)現(xiàn)白天和夜間模式的切換
1.啟動(dòng)App時(shí)檢測(cè)是否處于夜間模式，如果是則切換至夜間主題。這個(gè)需要在自己項(xiàng)目的Application中實(shí)現(xiàn)。可在自己項(xiàng)目的Application中添加以下代碼：
/** * 初始化夜間模式 */privatevoidsetNightMode() { booleannightMode = UserInfoTools.isNightMode( this); AppCompatDelegate.setDefaultNightMode(nightMode ? AppCompatDelegate.MODE_NIGHT_YES : AppCompatDelegate.MODE_NIGHT_NO); }
1
2
3
4
5
6
7
8
這里需要介紹一下有關(guān)夜間模式的幾個(gè)常量值。AppCompatDelegate.setDefaultNightMode(mode),其中mode有一下四個(gè)值：
MODE_NIGHT_NO： 亮色(light)主題，不使用夜間模式
MODE_NIGHT_YES：暗色(dark)主題，使用夜間模式
MODE_NIGHT_AUTO：根據(jù)當(dāng)前時(shí)間自動(dòng)切換 亮色(light)/暗色(dark)主題（22：00-07：00時(shí)間段內(nèi)自動(dòng)切換為夜間模式）
MODE_NIGHT_FOLLOW_SYSTEM(默認(rèn)選項(xiàng))：設(shè)置為跟隨系統(tǒng)，通常為MODE_NIGHT_NO
2.接下來需要我們?cè)谠O(shè)置頁面點(diǎn)擊ToggleButton時(shí)切換白天/夜間模式。
具體實(shí)現(xiàn)如下：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
注意，上面代碼中設(shè)置白天/夜間模式的代碼的最后調(diào)用了recreate()方法重啟了當(dāng)前Activity。但這樣寫切換模式時(shí)會(huì)有閃屏問題，體驗(yàn)比較差。具體優(yōu)化將在下一節(jié)中實(shí)現(xiàn)。
三 、實(shí)現(xiàn)夜間模式時(shí)遇到的問題及解決方案
利用谷歌官方提供的這個(gè)方案實(shí)現(xiàn)夜間模式的過程中遇到了不少的問題。且網(wǎng)上資料較少，大多文章講解僅僅以一個(gè)簡(jiǎn)單的demo為例。但在用到實(shí)際項(xiàng)目中時(shí)會(huì)遇到很多的麻煩。這里主要總結(jié)了筆者曾經(jīng)遇到過的難以解決的幾個(gè)問題。
1.白天/夜間模式切換時(shí)閃屏問題
上一節(jié)中已經(jīng)提到了在調(diào)用recreate()方法時(shí)會(huì)有閃屏問題。其實(shí)閃屏問題的解決比較簡(jiǎn)單。我們大可以不掉用recreate()方法，而是自己重啟當(dāng)前activity并為activity設(shè)置啟動(dòng)和退出動(dòng)畫即可！實(shí)現(xiàn)代碼如下：
private void setNightMode() { // 獲取當(dāng)前模式 int currentNightMode = getResources() .getConfiguration() .uiMode& Configuration .UI_MODE_NIGHT_MASK ;// 將是否為夜間模式保存到SharedPreferences UserInfoTools .setNightMode(this, currentNightMode == Configuration .UI_MODE_NIGHT_NO) ;// 切換模式 getDelegate() .setDefaultNightMode(currentNightMode == Configuration .UI_MODE_NIGHT_NO ? AppCompatDelegate .MODE_NIGHT_YES : AppCompatDelegate .MODE_NIGHT_NO) ;UserInfoTools .setChangeNightMode(this,true) ;//recreate() ;startActivity(new Intent(this,SettingActivity .class)) ;overridePendingTransition(R .anim.animo_alph_close, R .anim.animo_alph_close) ;finish() ;}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
如上代碼，我們自行調(diào)用startActivity啟動(dòng)了設(shè)置頁面并為其添加了一個(gè)透明漸變的啟動(dòng)動(dòng)畫。最后調(diào)用finish結(jié)束掉舊的設(shè)置頁面。這樣閃屏問題便迎刃而解。模式切換也變得流暢自然。
2.切換夜間模式后返回MainActivity,MainActivity頁面沒有更新。解決這個(gè)問題可以在切換模式后從設(shè)置頁面發(fā)送一個(gè)廣播，然后在MainActivity中接收到這個(gè)廣播后重啟MainActivity即可。根據(jù)官方的推薦更換夜間模式后需要調(diào)用recreate()方法刷新頁面。但是recreate()方法巨坑無比，調(diào)用recreate()方法引起了諸多問題。詳見問題3、4、5。因此解決這個(gè)問題筆者并沒有在MainActivity調(diào)用中調(diào)用recreate()方法。而是在SettingActivity中定義了一個(gè)boolean值來標(biāo)記是否切換了夜間模式。然后重寫了onKeyDown()方法。如果切換了夜間模式則在返回時(shí)發(fā)出一個(gè)廣播結(jié)束掉MainActivity,然后調(diào)用startActivity()重啟了MainActivity并添加了啟動(dòng)動(dòng)畫，讓用戶感覺是只是返回了主頁面。其實(shí)思想跟解決問題1有些類似。還是結(jié)合代碼來看吧。
SettingActivity中的代碼
@Override publicboolean onKeyDown( intkeyCode, KeyEvent event) { if(keyCode == KeyEvent.KEYCODE_BACK && event.getAction() == KeyEvent.ACTION_DOWN) { goBack(); returntrue; } returnsuper.onKeyDown(keyCode, event); } privatevoidgoBack() { if(isChangeNightMode) { // 如果改變了夜間模式，則重啟MainActivityEventBus.getDefault().post( newNightModeEvent()); Intent intent = newIntent( this, MainActivity.class); intent.putExtra( "nightMode", true); startActivity(intent); overridePendingTransition(R.anim.animo_alph_close, R.anim.activity_close); } finish(); }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
MainActivity中的代碼：
@OverridepublicvoidonCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); reStartActivity() } // 改變夜間模式后返回時(shí)重啟ActivityprivatevoidreStartActivity() { Intent intent = getIntent(); booleannightMode = intent.getBooleanExtra( "nightMode", false); if(nightMode&&UserInfoTools.getIsLogin( this)){ // 自動(dòng)切換到“我的”頁面mRbMe.performClick(); } } /** * 接收到夜間模式改變的事件后結(jié)束當(dāng)前Activity *@paramevent */@SubscribepublicvoidsetNightMode(NightModeEvent event) { finish(); }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
最后還有點(diǎn)問題需要說明，由問題1我們可以知道，改變模式后，我們重啟了SettingActivity。因此在該類中定義的一個(gè)標(biāo)記是否切換了夜間模式的boolean值并不能起到作用。解決辦法是將這個(gè)值保存到SharedPreference中。然后重啟SettingActivity后再取出該值?？梢钥创a，這點(diǎn)真心有點(diǎn)繞啊。。。
注意問題1中的setNightMode()方法中有一句代碼 UserInfoTools.setChangeNightMode(this,true);將改變了夜間模式設(shè)置為了true并保存到了SharedPreferences中，然后在onCreate()中有以下代碼來初始化isChangeNightMode的值。
@OverridepublicvoidonCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); isChangeNightMode=UserInfoTools.isChangeNightMode( this); UserInfoTools.setChangeNightMode( this, false); }
1
2
3
4
5
6
7
8
3.設(shè)置白天/夜間模式后出現(xiàn)無故閃退問題
這個(gè)問題說來比較奇怪，原因是切換了夜間模式后在MainActivity中調(diào)用了recreate()方法。具體原因筆者也沒有弄清楚，調(diào)試了好一陣子也沒有找出個(gè)所以然來。后來果斷放棄了在MainActivity中調(diào)用recreate()方法，而是換成了startActivity()重新啟動(dòng)了MainActivity。之后這個(gè)問題便不復(fù)存在了。
4.點(diǎn)擊ToggleButton切換模式后應(yīng)用黑屏，隨后掛掉。這個(gè)問題的最終原因還是因?yàn)閞ecreate()方法引起的。如果你用了ToggleButton切換白天/夜間模式，并且為ToggleButton設(shè)置了setOnCheckChangedListener()方法，那么你將有很大概率碰到這個(gè)問題。引起這個(gè)問題的原因是因?yàn)檎{(diào)用了recreate()方法后Activity重新啟動(dòng)，但是新啟動(dòng)的Activity保存了之前Activity的狀態(tài)。因此在重啟時(shí)候重新設(shè)置了TouggleButton，繼而調(diào)用了又setOnCheckChangedListener()方法，結(jié)果悲劇了。。。一個(gè)死循環(huán)產(chǎn)生了，程序不黑屏才怪。因此最簡(jiǎn)單的辦法是放棄recreate()方法，改用問題1中的方法?。ㄆ鋵?shí)細(xì)心的小伙伴應(yīng)該已經(jīng)發(fā)現(xiàn)了，我的代碼中僅僅是為ToggleButton設(shè)置了setOnClickListener()….機(jī)智如我?。┤绻阌袕?qiáng)迫癥必須要使用setOnCheckChangedListener和recreate()方法那么也不是沒有解決方案?？梢远x一個(gè)boolean成員變量，然后在onCreate()方法中判斷savedInstanceState是否為null，然后給這個(gè)boolean成員變量賦值，并在setOnCheckChangedListener()方法中根據(jù)這個(gè)boolean成員變量的值去調(diào)用設(shè)置夜間模式的方法即可。
5.設(shè)置夜間模式后MainActivity調(diào)用recreate()方法，MainActivity中的”發(fā)現(xiàn)“頁面沒有加載出來。發(fā)現(xiàn)頁面如下面圖片所示，也就是一個(gè)Fragment中嵌套了一個(gè)ViewPager。調(diào)用recreate()后整個(gè)ViewPager消失了。。。沒有加載出來?。?！
解決方案，放棄使用recreate()，改用問題1中的方法！
萬惡的recreate()方法！難道是我使用的姿勢(shì)不對(duì)？
