Android 夜間模式的三種實現

實現夜間模式有不少種方式，通過屢次嘗試，算是找到了一種性價比較高的方式。

主題方式

這是最正統的方式，但工做量巨大，由於要全局替換 xml 佈局中全部硬編碼的色值，將其換成主題色。而後經過換主題達到換膚的效果。

窗口方式

是否是能夠在全部界面上罩一個半透明的窗口，就好像戴墨鏡看屏幕同樣。雖然這是換膚方案的「退而求其次」，但也是能達到不刺眼的效果:

open class BaseActivity : AppCompatActivity() {
    // 展現全局半透明浮窗
    private fun showMaskWindow() {
        // 浮窗內容  
        val view = View {
            layout_width = match_parent
            layout_height = match_parent
            background_color = "#c8000000"
        }
        val windowInfo = FloatWindow.WindowInfo(view).apply {
            width = DimensionUtil.getScreenWidth(this@BaseActivity)
            height = DimensionUtil.getScreenHeight(this@BaseActivity)
        }
        // 展現浮窗
        FloatWindow.show(this, "mask", windowInfo, 0, 100, false, false, true)
    }
}
複製代碼

其中的View{}，是構建佈局的 DSL，它實例化了一個半透明的View，詳細講解能夠點擊這裏。

其中FloatWindow，是浮窗管理類，show()方法會向界面中添加一個全局Window，詳細講解能夠點擊這裏。

• 爲了讓浮窗跨Activity展現，須要將窗口的type設置爲WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY。
• 爲了讓觸摸事件穿透浮窗傳遞到Activity，須要爲窗口添加下面這幾個flag，FLAG_NOT_FOCUSABLE、FLAG_NOT_TOUCHABLE、FLAG_NOT_TOUCH_MODAL、FLAG_FULLSCREEN。

這些細節已封裝在FloatWindow中。

這個方案有一個缺點，當展現系統多任務時，全局浮窗會消失，效果以下：

視圖方式

是否是能夠向每一個當前界面添加一個半透明的View做爲蒙版？

fun Activity.nightMode(lightOff: Boolean, color: String) {
    // 構建主線程消息處理器
    val handler = Handler(Looper.getMainLooper())
    // 蒙版控件id
    val id = "darkMask"
    // 打開夜間模式
    if (lightOff) {
        // 向主線程消息隊列頭部插入「展現蒙版」任務
        handler.postAtFrontOfQueue {
            // 構建蒙版視圖
            val maskView = View {
                layout_id = id
                layout_width = match_parent
                layout_height = match_parent
                background_color = color
            }
            // 向當前界面頂層視圖中添加蒙版視圖
            decorView?.apply {
                val view = findViewById<View>(id.toLayoutId())
                if (view == null) { addView(maskView) }
            }
        }
    } 
    // 關閉夜間模式
    else {
        // 從當前界面頂層視圖中移出蒙版視圖
        decorView?.apply {
            find<View>(id)?.let { removeView(it) }
        }
    }
}
複製代碼

爲AppCompatActivity擴展了一個方法，它用於開關夜間模式。打開夜間模式的方式是 「向當前界面頂層視圖添加一個蒙版視圖」 。

• 其中decorView是Activity的一個擴展屬性：

val Activity.decorView: FrameLayout?
    get() = (takeIf { !isFinishing && !isDestroyed }?.window?.decorView) as? FrameLayout
複製代碼

當Activity還展現的時候，從它的Window中獲取DecorView。

• 其中toLayoutId()是String的擴展方法：

fun String.toLayoutId(): Int {
    var id = java.lang.String(this).bytes.sum()
    if (id == 48) id = 0
    return id
}
複製代碼

它將String轉化成Int值，算法是將String先轉換成字節，而後將全部字節累加，詳細介紹能夠點擊這裏。

爲了不界面展現出來後黑一下，因此將「添加蒙版」任務添加到主線程消息隊列的頭部，優先處理。

而後只需在Application中監聽Activity的生命週期，在onCreate()中開關夜間模式便可：

class TaylorApplication : Application() {
    private val preference by lazy { Preference(getSharedPreferences("dark-mode", Context.MODE_PRIVATE)) }
    
    override fun onCreate() {
        super.onCreate()

        registerActivityLifecycleCallbacks(object :ActivityLifecycleCallbacks{
            override fun onActivityPaused(activity: Activity?) {}

            override fun onActivityResumed(activity: Activity?) {}

            override fun onActivityStarted(activity: Activity?) {}

            override fun onActivityDestroyed(activity: Activity?) {}

            override fun onActivitySaveInstanceState(activity: Activity?, outState: Bundle?) {}

            override fun onActivityStopped(activity: Activity?) {}

            override fun onActivityCreated(activity: Activity?, savedInstanceState: Bundle?) {
                activity?.night(preference["dark-mode", false])
            }
        }
    }
}
複製代碼

其中Preference是對SharedPreference的封裝，它用更簡潔的語法實現值的存取，且能夠忽略類型，詳細介紹能夠點擊這裏。

效果以下：

這個方案不是全局的，而是針對單界面的，因此彈出的DialogFragment會在蒙版之上，那就用一樣的方法在對話框上再覆蓋一層蒙版：

fun DialogFragment.nightMode(lightOff: Boolean, color: String = "#c8000000") {
    val handler = Handler(Looper.getMainLooper())
    val id = "darkMask"
    if (lightOff) {
        handler.postAtFrontOfQueue {
            val maskView = View {
                layout_id = id
                layout_width = match_parent
                layout_height = match_parent
                background_color = color
            }
            decorView?.apply {
                val view = findViewById<View>(id.toLayoutId())
                if (view == null) {
                    addView(maskView)
                }
            }
        }
    } else {
        decorView?.apply {
            find<View>(id)?.let { removeView(it) }
        }
    }
}

// 獲取對話框的根視圖 
val DialogFragment.decorView: ViewGroup?
    get() {
        return view?.parent as? ViewGroup
    }
複製代碼

添加蒙版的算法和以前的一摸同樣，只不過此次是DialogFragment的擴展方法。

Talk is cheap, show me the code

完整代碼，能夠點擊這裏