三种高性价比的Android 夜间模式实现

https://zhuanlan.zhihu.com/p/159219944


三种高性价比的Android 夜间模式实现,用过的都说好!

Android架构

执着、向上

2 人赞同了该文章

主题方式

这是最正统的方式,但工作量巨大,因为要全局替换 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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,053评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,527评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,779评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,685评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,699评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,609评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,989评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,654评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,890评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,634评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,716评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,394评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,976评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,950评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,191评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,849评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,458评论 2 342

推荐阅读更多精彩内容