主题方式
这是最正统的方式,但工作量巨大,因为要全局替换 xml 布局中所有硬编码的色值,将其换成主题色。然后通过换主题达到换肤的效果。
作者:唐子玄
链接: https://juejin.im/post/5f07d6bff265da22a8515691
窗口方式
是不是可以在所有界面上罩一个半透明的窗口,就好像戴墨镜看屏幕一样。虽然这是换肤方案的“退而求其次”,但也是能达到不刺眼的效果:
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 的扩展方法。
更多系列教程GitHub白嫖入口: https://github.com/Timdk857/Android-Architecture-knowledge-2-
B站全套Android移动架构师进阶视频教程白嫖地址: https://space.bilibili.com/544650554