状态栏内容颜色自动化

1. 显示模式介绍

大部分系统都提供了两种显示模式：明亮模式与暗黑模式，Android 也是如此。

明亮模式（Light Model）：整体偏亮，即背景亮色，文字等内容暗色。

暗黑模式（Dark Model）：整体偏暗，即背景暗色，文字等内容亮色。 

背景与内容一亮一暗产生反差，才使得阅读更加容易。

2. Android 状态栏的缺陷

Android 状态栏内容颜色（非背景色）只有黑白两种，当明亮模式时为黑色，当暗黑模式时是白色。当然，颜色只有两种不算什么缺陷。╮(╯▽╰)╭

它的缺陷是：当状态栏背景色改变时，我们需要手动设置显示模式来改变其内容的颜色。这样极其不方便，尤其是在状态栏背景颜色渐变时。

微信下拉时，状态栏背景色一直在改变，而内容颜色没及时做改变，如图红色框部分。

 

3. 解决方案构思

其实，状态栏内容颜色完全可以自适应的，逻辑很简单，当背景暗时内容就亮，当背景亮时内容就暗。所以有个大概思路，当每次界面绘制时：

1. 获取状态栏像素

2. 计算其平均色值

3. 判断是否为亮色

4. 若是亮色则设置为明亮模式，反之设置为暗黑模式

4. 重点代码实现

/**
 * 获取状态栏像素
 */
fun getStatusBarPixels() = window.decorView.let {
    it.isDrawingCacheEnabled = true
    it.buildDrawingCache()
    // 截屏
    val screenBitmap = it.getDrawingCache()
    val width = screenBitmap.width
    val height = BarUtils.getStatusBarHeight()
    val pixels = IntArray(width * height)
    // 获取状态栏区域像素
    screenBitmap.getPixels(pixels, 0, width, 0, 0, width, height)
    it.destroyDrawingCache()
    pixels
}

/**
 * 获取平均色值
 */
fun getAvgColor(pixels: IntArray): Int {
    var r = 0L
    var g = 0L
    var b = 0L
    pixels.forEach {
        r += Color.red(it)
        g += Color.green(it)
        b += Color.blue(it)
    }
    r /= pixels.size
    g /= pixels.size
    b /= pixels.size
    return Color.rgb(r.toInt(), g.toInt(), b.toInt())
}

/**
 * 是否为亮色
 * 参考 https://material.io/go/design-theming#color-color-palette
 */
fun isLightColor(@ColorInt color: Int) =
    (computeLuminance(color) + 0.05).pow(2.0) > 0.15
/**
 * 颜色亮度
 * 参考 https://www.w3.org/TR/WCAG20/#contrast-ratiodef
 */
fun computeLuminance(@ColorInt color: Int) =
    0.2126 * linearizeColorComponent(Color.red(color)) +
            0.7152 * linearizeColorComponent(Color.green(color)) +
            0.0722 * linearizeColorComponent(Color.blue(color))
/**
 * 线性化颜色分量
 */
fun linearizeColorComponent(colorComponent: Int) = (colorComponent / 255.0).let {
    if (it <= 0.03928) it / 12.92else ((it + 0.055) / 1.055).pow(2.4)
}

5. 性能优化

由于界面绘制是高频触发，首先，我们可使用单线程异步执行更新，保证不阻塞主线程；其次，如多次更新阻塞，可只做最后一次更新。

/**
 * 单线程池
 */
val executor by lazy {
    object : ThreadPoolExecutor(1, 1, 0, TimeUnit.MILLISECONDS, ArrayBlockingQueue(1)) {
        overridefun execute(command: Runnable?) {
            // 阻塞时，清空阻塞队列，只做最后一次更新
            queue.clear()
            super.execute(command)
        }
    }
}
/**
 * 界面绘制回调
 */
overridefun onDraw() {
    executor.execute {
        // 执行更新
    }
}

6. 效果展示

 

 

 

转自：Android框架｜状态栏内容颜色自动化