氛围灯动态屏保取色方案

孙淼淼 · 昨天 16:25

这是屏保联动时，从屏保图片中动态获取主色，同步到氛围灯，切换时跟氛围灯联动效果
解析图片动态取色，耗时较长，需要预加载处理，所以在每次变更主题时便要开始取色，然后切换时同步到氛围灯
而氛围灯并不支持所有的颜色，只能支持256色，所以在取到图片颜色后需要根据结果颜色去跟氛围灯所支持的256色对比，取最接近的结果色，然后同步到氛围灯显示
取色流程

取色需要用到原生 Palette.from(bitmap).generate() 方法，通过量化算法分析位图的像素颜色分布，提取最具代表性的颜色组合，也有异步获取方法，下面方法都处于子线程，所以这里直接使用同步方法
查看 androidx.palette.graphics.Palette 源码可以得知，该方法默认提取16种颜色样本

需要确保取色精准度，16可能错过次要但视觉显著的颜色，过高又会导致耗时，所以这里使用24
针对原图还需要缩放处理，但是不宜过度，否则对准确度会有影响，这里对2560分辨率的图片缩小三分之一处理

private val mWidth = ScreenUtils.getScreenWidth() / 2
private val mHeight = ScreenUtils.getScreenHeight() / 2
Glide.with(Utils.getApp())
.asBitmap()
.load(new File(path))
.override(width, height)
.centerCrop()
.skipMemoryCache(true)
.diskCacheStrategy(DiskCacheStrategy.NONE)
.submit(width, height)
.get();

复制代码

View Code对氛围灯的256色进行缓存处理，先新建 color_rgb_256.json 文件，将rgb色值保存，用于后续转换对比

初始化时解析成hsv缓存到本地集合中

private fun saveHsvColor(): MutableList<HsvColor> {
log("saveHsvColor")
val hsvList = mutableListOf<HsvColor>()
runCatching {
val assetManager = Utils.getApp().assets
val file = assetManager.open("color_rgb_256.json")
val jsonStr = file.bufferedReader().readText()
file.close()
val bean = Gson().fromJson(jsonStr, AmbientLightList::class.java)
val hsvColors = FloatArray(3)
for (i in 0 until bean.list.size) {
bean.list[i].apply {
val myColor = Color.rgb(r, g, b)
Color.colorToHSV(myColor, hsvColors)
hsvList.add(HsvColor(hsvColors[0], hsvColors[1], hsvColors[2]))
}
}
val json = Gson().toJson(hsvList)
log("saveHsvColor hsvListSize=${hsvList.size}")
SharedPreferencesUtils.setRGB256HsvColor(Utils.getApp(), json)
}.getOrElse {
Log.e(TAG, "saveHsvColor Exception ${it.message}")
}
return hsvList
}

复制代码

View Code此文件颜色不会变，所以不用重复操作，判断首次转换就行

private fun initHsvColor() {
if (hsvTableList.isEmpty()) {
runCatching {
val json = SharedPreferencesUtils.getRGB256HsvColor(Utils.getApp())
val listType = object : TypeToken<MutableList<HsvColor>>() {}.type
Gson().fromJson<MutableList<HsvColor>>(json, listType)?.let {
hsvTableList.addAll(it)
log("initHsvColor xml list size=${hsvTableList.size}")
}
}.getOrElse {
Log.e(TAG, "initHsvColor Exception ${it.message}")
}
}
if (hsvTableList.isEmpty()) {
saveHsvColor().let {
if (it.isNotEmpty()) {
hsvTableList.addAll(it)
}
}
log("initHsvColor json list size=${hsvTableList.size}")
}
}

复制代码

View Code耗时操作需要放在子线程

@JvmStatic
fun init() {
log("$TAG init")
scope.launch(Dispatchers.IO) {
hsvTableList.clear()
initHsvColor()
}
}

复制代码

View Code后面对图片进行取色，见下面方案
取色后，跟256色进行就近查找，所以需要转换成hsv，取 hue 进行对比

private fun findColor(bgHue: Float): ColorTipBean {
if (hsvTableList.isEmpty()) {
Log.w(TAG, "findColor hsvList is null")
return ColorTipBean(Color.WHITE)
}
var result = hsvTableList[0]
var minDiff = abs(result.hue - bgHue)
for (i in 0 until hsvTableList.size) {
val currentDiff = abs(hsvTableList[i].hue - bgHue)
if (currentDiff < minDiff) {
minDiff = currentDiff
result = hsvTableList[i]
}
}
log("findColor bgHue=$bgHue,result=$result")
return ColorTipBean(
Color.HSVToColor(floatArrayOf(result.hue, result.saturation, result.value))
)
}

复制代码

View Code拿到结果后，通过信号下设到氛围灯显示
准确度

想要达到联动效果，需要确保取色结果的准确度，原生方案使用 getDominantColor 直接获取主色，但是大部分结果差异较大，下面提供了几种方案对比
方案一：

通过原生提供的方法直接获取图片主色

Palette.from(newMap).generate().apply {
val dominantColor = getDominantColor(Color.WHITE)
val hsvColorArray = FloatArray(3)
val hsv = colorToHSV(dominantColor, hsvColorArray)
Log.d(TAG, "dominantColor $dominantColor hsv $hsv")
result.fill(hsv)
}

复制代码

View CodegetDominantColor 方法直接取的 mDominantSwatch.getRgb

/**
* Returns the color of the dominant swatch from the palette, as an RGB packed int.
*
* @param defaultColor value to return if the swatch isn't available
* @see #getDominantSwatch()
*/
@ColorInt
public int getDominantColor(@ColorInt int defaultColor) {
return mDominantSwatch != null ? mDominantSwatch.getRgb() : defaultColor;
}

复制代码

View Code而 mDominantSwatch 则根据色块 population 排序的结果

Palette(List<Swatch> swatches, List<Target> targets) {
mSwatches = swatches;
mTargets = targets;
mUsedColors = new SparseBooleanArray();
mSelectedSwatches = new ArrayMap<>();
mDominantSwatch = findDominantSwatch();
}
@Nullable
private Swatch findDominantSwatch() {
int maxPop = Integer.MIN_VALUE;
Swatch maxSwatch = null;
for (int i = 0, count = mSwatches.size(); i < count; i++) {
Swatch swatch = mSwatches.get(i);
if (swatch.getPopulation() > maxPop) {
maxSwatch = swatch;
maxPop = swatch.getPopulation();
}
}
return maxSwatch;
}

复制代码

View Code假设氛围灯需要多个取色，可以直接从 mSwatches 颜色集合中按 population 排序获取

Swatch 代表的颜色在图片中的权重占比（多个小红点可能被聚类到同一个红色 Swatch）
经自测验证，改方案准确度不够，偏差较大，特别是在氛围灯所支持的256色中，查找出的相近结果出入较大，整体准确度不够
因为实际环境中无法看到氛围灯（车机上效果），所以在左上角显示测试结果，方便查看

图片中，左上角测试区域，中间上面是图片主色，下面是通过主色映射的氛围灯颜色，很显然跟图片差异较大
方案二：

在原生基础上使用饱和度跟亮度参与计算，避免过暗或过亮的颜色

fun getPerceptuallyDominantColor(bitmap: Bitmap): Int {
val palette = Palette.from(bitmap).maximumColorCount(24).clearFilters().generate()
val swatches = palette.swatches
if (swatches.isEmpty()) return Color.WHITE
var bestSwatch: Swatch? = null
var maxScore = 0f
for (swatch in swatches) {
val hsl = swatch.getHsl()
val saturation = hsl[1] // 饱和度 (0-1)
val luminance = hsl[2] // 亮度 (0-1)
val population = swatch.population
// 评分公式：人口占比 * 饱和度 * 亮度因子
// 亮度因子确保避免过暗或过亮的颜色（0.1-0.9为理想范围）
val luminanceFactor = 1f - abs(luminance - 0.5f) * 1.8f
val score = population * saturation * luminanceFactor
if (score > maxScore) {
maxScore = score
bestSwatch = swatch
}
}
return bestSwatch?.rgb ?: palette.getDominantColor(Color.WHITE)
}

复制代码

View Code该方案将纯黑白色过滤（实际图片中纯黑白色占比很少，但是很印象色块，容易出现误差），同时避免了过亮的颜色，更突出我们肉眼看到的颜色
其它方案：

1、在方案二的基础上，加入色相，改进计算公式
2、调整图片，缩小区域，针对中心区域进行取色
3、自定义过滤器，针对业务情况单独处理某些图片
比如，可以针对纯黑白占比大于30%的进行过滤，否则不过滤

private fun isClear(bitmap: Bitmap): Boolean {
val totalPixels = bitmap.width * bitmap.height
var blackCount = 0.0
var whiteCount = 0.0
for (x in 0 until bitmap.width) {
for (y in 0 until bitmap.height) {
val pixel = bitmap[x, y]
if (pixel == Color.BLACK) {
blackCount++
}
if (pixel == Color.WHITE) {
whiteCount++
}
}
}
val blackRatio = blackCount / totalPixels
val whiteRatio = whiteCount / totalPixels
val isClear = blackRatio > 0.3 || whiteRatio > 0.3
Log.d(TAG, "isClear=$isClear totalPixels=$totalPixels,blackCount=$blackCount, blackRatio=${String.format("%.2f", blackRatio)},whiteRatio=${String.format("%.2f", whiteRatio)}")
return isClear
}

复制代码

View Code但需要慎重，会提高计算耗时

左上角，上面的方格代表直接从图片中读取的色值，下面的方格是映射后的色值，最左边的是方案二，中间的是方案一，右边的是替补方案
结论图片不多展示，经过大量图片验证，准确度最高的是方案二

import android.graphics.Bitmapimport android.graphics.Colorimport android.util.Logimport androidx.palette.graphics.Paletteimport androidx.palette.graphics.Palette.Swatchimport com.blankj.utilcode.util.GsonUtilsimport com.blankj.utilcode.util.ScreenUtilsimport com.blankj.utilcode.util.Utilsimport com.google.gson.Gsonimport com.google.gson.annotations.SerializedNameimport com.google.gson.reflect.TypeTokenimport kotlinx.coroutines.Dispatchersimport kotlinx.coroutines.MainScopeimport kotlinx.coroutines.launchimport java.util.Collectionsimport java.util.concurrent.CopyOnWriteArrayListimport kotlin.math.absimport kotlin.math.sqrtimport androidx.core.graphics.getobject AmbientLightColorPickManager { private const val TAG = "AmbientLightColorPickManager" private var scope = MainScope() private val mWidth = ScreenUtils.getScreenWidth() / 2 private val mHeight = ScreenUtils.getScreenHeight() / 2 private val hsvTableList = mutableListOf() private val hueList = CopyOnWriteArrayList() private val test1List = CopyOnWriteArrayList() private val test2List = CopyOnWriteArrayList() private val test3List = CopyOnWriteArrayList() var test1Listener: ((Int, Int, Int) -> Unit)? = null var test2Listener: ((Int, Int, Int) -> Unit)? = null @JvmStatic
fun init() {
log("$TAG init")
scope.launch(Dispatchers.IO) {
hsvTableList.clear()
initHsvColor()
}
} private fun initHsvColor() {
if (hsvTableList.isEmpty()) {
runCatching {
val json = SharedPreferencesUtils.getRGB256HsvColor(Utils.getApp())
val listType = object : TypeToken<MutableList<HsvColor>>() {}.type
Gson().fromJson<MutableList<HsvColor>>(json, listType)?.let {
hsvTableList.addAll(it)
log("initHsvColor xml list size=${hsvTableList.size}")
}
}.getOrElse {
Log.e(TAG, "initHsvColor Exception ${it.message}")
}
}
if (hsvTableList.isEmpty()) {
saveHsvColor().let {
if (it.isNotEmpty()) {
hsvTableList.addAll(it)
}
}
log("initHsvColor json list size=${hsvTableList.size}")
}
} /** 将本地rgb色值转换成hsv保存到本地 */ private fun saveHsvColor(): MutableList<HsvColor> {
log("saveHsvColor")
val hsvList = mutableListOf<HsvColor>()
runCatching {
val assetManager = Utils.getApp().assets
val file = assetManager.open("color_rgb_256.json")
val jsonStr = file.bufferedReader().readText()
file.close()
val bean = Gson().fromJson(jsonStr, AmbientLightList::class.java)
val hsvColors = FloatArray(3)
for (i in 0 until bean.list.size) {
bean.list[i].apply {
val myColor = Color.rgb(r, g, b)
Color.colorToHSV(myColor, hsvColors)
hsvList.add(HsvColor(hsvColors[0], hsvColors[1], hsvColors[2]))
}
}
val json = Gson().toJson(hsvList)
log("saveHsvColor hsvListSize=${hsvList.size}")
SharedPreferencesUtils.setRGB256HsvColor(Utils.getApp(), json)
}.getOrElse {
Log.e(TAG, "saveHsvColor Exception ${it.message}")
}
return hsvList
} /** 设置氛围灯 */ @JvmStatic fun setAmbientLight(displayId: Int, index: Int) { if (displayId != DisplayParameter.DISPLAY_CSD.displayId) return log("setAmbientLight displayId=$displayId") scope.launch(Dispatchers.IO) { if (hueList.isEmpty()) { Log.w(TAG, "setAmbientLight hueList is null") return@launch } if (index < 0 || index >= hueList.size) { Log.w(TAG, "setAmbientLight 索引异常") return@launch } // 氛围灯取色 setBytesFunctionValue(index) } } @JvmStatic fun switchLight(isOn: Boolean) { log("switchLight isOn=$isOn") } private fun findColor(bgHue: Float): ColorTipBean {
if (hsvTableList.isEmpty()) {
Log.w(TAG, "findColor hsvList is null")
return ColorTipBean(Color.WHITE)
}
var result = hsvTableList[0]
var minDiff = abs(result.hue - bgHue)
for (i in 0 until hsvTableList.size) {
val currentDiff = abs(hsvTableList[i].hue - bgHue)
if (currentDiff < minDiff) {
minDiff = currentDiff
result = hsvTableList[i]
}
}
log("findColor bgHue=$bgHue,result=$result")
return ColorTipBean(
Color.HSVToColor(floatArrayOf(result.hue, result.saturation, result.value))
)
} /** 初始化资源 */ @JvmStatic fun loadData(displayId: Int, pictures: List) { if (displayId != DisplayParameter.DISPLAY_CSD.displayId) return log("loadData pictures size=${pictures.size} pictures $pictures") hueList.clear() test1List.clear() test2List.clear() test3List.clear() for ((index, picture) in pictures.withIndex()) { runCatching { val bitmap = GlideCacheUtils.loadImageAsBitmap(picture, mWidth, mHeight) testGenerate(bitmap) val result = generate(bitmap) hueList.add(result) log("loadData add index=$index,colors=${GsonUtils.toJson(result)}") }.getOrElse { Log.e(TAG, "loadData exception ${it.message}") } } log("loadData hueList size=${hueList.size}") } private fun setFunctionValue(functionId: Int, value: Int, zone: Int) { try { AdapterCarManager.iCarFunction.setFunctionValue(functionId, zone, value) } catch (e: Exception) { Log.e(TAG, "setFunctionValue Exception $e") } } private fun setBytesFunctionValue(index: Int) { try { test1Listener?.invoke( Color.HSVToColor(test1List[index]), Color.HSVToColor(test2List[index]), Color.HSVToColor(test3List[index]), ) test2Listener?.invoke( findColor(test1List[index][0]).colorTip, findColor(test2List[index][0]).colorTip, findColor(test3List[index][0]).colorTip, ) } catch (e: Exception) { Log.e(TAG, "setBytesFunctionValue Exception $e") } } private fun getColors(list: FloatArray): ByteArray { val result = mutableListOf() list.forEach { result.add(findColor(it)) } val json = GsonUtils.toJson(LightColorBean(result).list) log("setBytesFunctionValue json=$json") return json.toByteArray() } private fun generate(newMap: Bitmap): FloatArray { val result = FloatArray(3) Log.w(TAG, "------generate start") val dominantColor = getPerceptuallyDominantColor(newMap) val hsvColorArray = FloatArray(3) val hsv = colorToHSV(dominantColor, hsvColorArray) result.fill(hsv) Log.d(TAG, "dominantColor $dominantColor, hsv ${GsonUtils.toJson(hsvColorArray)}") return result } private fun testGenerate(newMap: Bitmap) { // 评分公式 val dominantColor1 = getPerceptuallyDominantColor(newMap) val hsvColorArray1 = FloatArray(3) colorToHSV(dominantColor1, hsvColorArray1) test1List.add(hsvColorArray1) // 主色 Palette.from(newMap).maximumColorCount(24).clearFilters().generate().apply { val hsvColorArray2 = FloatArray(3) val dominantColor2 = getDominantColor(Color.WHITE) colorToHSV(dominantColor2, hsvColorArray2) test2List.add(hsvColorArray2) } // 评分优化公式 val dominantColor3 = getPerceptuallyDominantColor1(newMap) val hsvColorArray3 = FloatArray(3) colorToHSV(dominantColor3, hsvColorArray3) test3List.add(hsvColorArray3) } fun getPerceptuallyDominantColor(bitmap: Bitmap): Int {
val palette = Palette.from(bitmap).maximumColorCount(24).clearFilters().generate()
val swatches = palette.swatches
if (swatches.isEmpty()) return Color.WHITE
var bestSwatch: Swatch? = null
var maxScore = 0f
for (swatch in swatches) {
val hsl = swatch.getHsl()
val saturation = hsl[1] // 饱和度 (0-1)
val luminance = hsl[2] // 亮度 (0-1)
val population = swatch.population
// 评分公式：人口占比 * 饱和度 * 亮度因子
// 亮度因子确保避免过暗或过亮的颜色（0.1-0.9为理想范围）
val luminanceFactor = 1f - abs(luminance - 0.5f) * 1.8f
val score = population * saturation * luminanceFactor
if (score > maxScore) {
maxScore = score
bestSwatch = swatch
}
}
return bestSwatch?.rgb ?: palette.getDominantColor(Color.WHITE)
} private fun isClear(bitmap: Bitmap): Boolean {
val totalPixels = bitmap.width * bitmap.height
var blackCount = 0.0
var whiteCount = 0.0
for (x in 0 until bitmap.width) {
for (y in 0 until bitmap.height) {
val pixel = bitmap[x, y]
if (pixel == Color.BLACK) {
blackCount++
}
if (pixel == Color.WHITE) {
whiteCount++
}
}
}
val blackRatio = blackCount / totalPixels
val whiteRatio = whiteCount / totalPixels
val isClear = blackRatio > 0.3 || whiteRatio > 0.3
Log.d(TAG, "isClear=$isClear totalPixels=$totalPixels,blackCount=$blackCount, blackRatio=${String.format("%.2f", blackRatio)},whiteRatio=${String.format("%.2f", whiteRatio)}")
return isClear
} private fun calculateSwatchScore( hue: Float, saturation: Float, luminance: Float, population: Float ): Float { // 1. 人口权重 (标准化) val populationWeight = population / 1000000f // 2. 饱和度权重 - 适度重视但不过度 val saturationWeight = sqrt(saturation) // 使用平方根降低过高饱和度的优势 // 3. 亮度权重 - 偏好中等亮度范围 val luminanceWeight = when { luminance < 0.15f -> 0.2f // 太暗的惩罚 luminance > 0.85f -> 0.3f // 太亮的惩罚 else -> 1.0f - abs(luminance - 0.5f) * 1.5f } // 4. 色相权重 - 可选：降低过于鲜艳的红色/蓝色的优势 val hueWeight = when { // 红色范围 (330-30度) (hue >= 330f || hue 0.8f // 蓝色范围 (210-270度) hue in 210f..270f -> 0.9f else -> 1.0f } return populationWeight * saturationWeight * luminanceWeight * hueWeight } fun getPerceptuallyDominantColor1(bitmap: Bitmap): Int { val palette = Palette.from(bitmap) .maximumColorCount(24) .clearFilters() .generate() val swatches = palette.swatches if (swatches.isEmpty()) return Color.WHITE var bestSwatch: Swatch? = null var maxScore = 0f for (swatch in swatches) { val hsl = swatch.hsl val hue = hsl[0] // 色相 (0-360) val saturation = hsl[1] // 饱和度 (0-1) val luminance = hsl[2] // 亮度 (0-1) val population = swatch.population.toFloat() // 改进的评分公式 val score = calculateSwatchScore(hue, saturation, luminance, population) if (score > maxScore) { maxScore = score bestSwatch = swatch } } return bestSwatch?.rgb ?: palette.getDominantColor(Color.WHITE) } private fun colorToHSV(rgb: Int, hsvColorArray: FloatArray): Float { Color.colorToHSV(rgb, hsvColorArray) return hsvColorArray[0] } private fun log(str: String) = Log.d(TAG, str) data class LightColorBean( val list: List ) data class ColorTipBean( @SerializedName("ColorTip") var colorTip: Int, )}

复制代码

View Code

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

账号		自动登录	找回密码
密码			立即注册

氛围灯动态屏保取色方案

相关帖子

浏览过的版块

签约作者

氛围灯动态屏保取色方案

相关帖子

相关推荐

浏览过的版块

签约作者