效果圖:
Android 官方在 Support Library 23.2.0 中已經(jīng)加入了夜間主題帮掉。也就是只需要通過更換主題便可實現(xiàn)日間模式和夜間模式的切換。
1存淫、所以第一步先在gradle下面添加依賴:
compile 'com.android.support:appcompat-v7:25.3.1'
2榨婆、修改Apptheme,讓其繼承夜間模式主題
<style name="AppTheme" parent="Theme.AppCompat.DayNight">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
</style>
3窿锉、res目錄下新建night 資源目錄
新建 drawable-night 和 values-night 的資源目錄酵熙。如果要適配不同分辨率的屏幕則可新建 drawable-night-hdip轧简、drawable-night-xhdpi 等目錄來存放不同分辨率的圖片資源。values-night 目錄下存放與夜間模式相關(guān)的 value 文件匾二。本篇文章講解僅以夜間模式和日間模式的顏色為例哮独,在 values-night 目錄下新建 color.xml 文件。
4、啟動 App 時檢測是否處于夜間模式
如果是則切換至夜間主題只损。這個需要在自己項目的 Application 中實現(xiàn)。可在自己項目的 Application 中添加以下代碼:
這里需要介紹一下有關(guān)夜間模式的幾個常量值
AppCompatDelegate.setDefaultNightMode(mode), 其中 mode 有一下四個值:
MODE_NIGHT_NO: 亮色(light)主題先鱼,不使用夜間模式
MODE_NIGHT_YES:暗色(dark)主題,使用夜間模式
MODE_NIGHT_AUTO:根據(jù)當前時間自動切換 亮色( light )/暗色( dark )主題(22:00-07:00時間段內(nèi)自動切換為夜間模式)
MODE_NIGHT_FOLLOW_SYSTEM(默認選項):設(shè)置為跟隨系統(tǒng)鬼贱,通常為MODE_NIGHT_NO
override fun onCreate() {
super.onCreate()
setNightMode()
}
/**
*初始化夜間模式
*/
fun setNightMode(){
val nightMode = defaultSharedPreferences.getBoolean("night", false)
if (nightMode) {
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES)
}else{
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO)
}
}
5吧秕、設(shè)置頁面點擊 switchPreference時切換白天/夜間模式
/**
* ClassName:SettingFragment
* Description:
*/
class SettingFragment : PreferenceFragment(), Preference.OnPreferenceChangeListener {
override fun onCreateView(inflater: LayoutInflater?, container: ViewGroup?, savedInstanceState: Bundle?): View {
addPreferencesFromResource(R.xml.setting)
val switchPreference = findPreference("night") as SwitchPreference
switchPreference.onPreferenceChangeListener = this
return super.onCreateView(inflater, container, savedInstanceState)
}
override fun onPreferenceChange(preference: Preference, objValue: Any): Boolean {
val key = preference.key
if ("night" == key) {
var nightMode = defaultSharedPreferences.getBoolean("night", false)
if (nightMode) {
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO)
} else {
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES)
}
startActivity(Intent(activity, SettingActivity::class.java))
activity.overridePendingTransition(R.anim.activity_enter_alpha,R.anim.activity_enter_alpha)
activity.finish()
}
return true
}
}
在設(shè)置界面中對SwitchPreference設(shè)置onPreferenceChangeListener,這樣當夜間模式變化的時候就先啟動SettingActivity,然后再將activity finish掉邦泄,中間加上漸變的過渡動畫解決閃屏問題删窒。
動畫如下:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="[http://schemas.android.com/apk/res/android"](http://schemas.android.com/apk/res/android%22);>
<alpha
android:duration="1"
android:fromAlpha="1.0"
android:toAlpha="0.0"/>
</set>
6、解決返回主界面顺囊,主界面的UI沒有更新的問題
解決這個問題可以在切換模式后從設(shè)置頁面發(fā)送一個廣播肌索,然后在 MainActivity 中接收到這個廣播后重啟 MainActivity 即可。根據(jù)官方的推薦更換夜間模式后需要調(diào)用 recreate() 方法刷新頁面特碳。但是 recreate() 方法巨坑無比诚亚,調(diào)用 recreate() 方法引起了諸多問題晕换。因此解決這個問題并沒有在 MainActivity 調(diào)用中調(diào)用 recreate() 方法。而是在 SettingActivity 中重寫了 onKeyDown() 方法站宗。如果切換了夜間模式則在返回時發(fā)出一個廣播結(jié)束掉 MainActivity ,然后調(diào)用 startActivity() 重啟了 MainActivity 并添加了啟動動畫闸准,讓用戶感覺是只是返回了主頁面。
SettingActivity:
override fun onKeyDown(keyCode: Int, event: KeyEvent?): Boolean {
if (keyCode == KeyEvent.KEYCODE_BACK && event?.action == KeyEvent.ACTION_DOWN) {
goBack()
return true
}
return super.onKeyDown(keyCode, event)
}
fun goBack() {
EventBus.getDefault().post(NightEvent())
val intent = Intent(this, MainActivity::class.java)
startActivity(intent)
overridePendingTransition(R.anim.activity_enter_alpha, R.anim.activity_exit)
finish()
}
MainActivity(別忘了EventBus的注冊和反注冊):
/**
* 接收eventbus方法
*/
fun onEventMainThread(itemBean: NightEvent) {
print("mainactivityonEventMainThread")
finish()
}
大功告成~