Android_Palette抽取Bitmap颜色

原文链接 : Extracting Colors to a Palette with Android Lollipop
原文作者 : Brian Gardner
译文出自 : 开发技术前线 www.devtf.cn。未经允许，不得转载!
译者 : Desmond1121
校对者: Desmond1121

一些Support库随着Android Lollipop的发布而诞生了，其中就有Palette。这个库可以让你很轻松地从一幅图中抽取特征颜色，这在你希望界面的颜色风格适应指定图片时非常有用，它还会提供与指定颜色相搭配的字体颜色。

Palette有一个用法我特别喜欢：它可以定制图像波纹的颜色。这是其实一个微不足道的效果，但是我认为相比于纯灰色波纹来说是一个很大的提升。你需要在工程下的

build.gradle

里添加依赖才可以使用Palette，像如下代码所示：

1234	dependencies {  compile 'com.android.support:palette-v7:21.0.0'}

生成一幅图像的Palette有两种方法：

generate(Bitmap)

 生成含有16种颜色种类的Palette；

generate(Bitmap, int)

 生成含有指定数量颜色种类的Palette，数量越多需要的时间越久。
这两个方法是同步方法，由于他们很可能会比较耗时（在分析大图片或者所需颜色较多时），所以它们不应该在主线程中执行。你应该先在别的线程中使用这两个函数进行解析，解析成功之后再使用。不过有时候你不会在加载图片的线程（非主线程）中使用解析出的颜色，所以Palette提供了异步方法，他们与之前的函数的区别就是需要传入

PaletteAsyncListener

，提供在图片解析完成后的回调函数：

generateAsync(Bitmap, PaletteAsyncListener)

generateAsync(Bitmap, int, PaletteAsyncListener)

PaletteAsyncListener

的实现是非常简单的（参考下面这几行代码），它只要重写

onGenerated

就好了。如此一来你就可以在任何需要的时候使用这两个函数创建Palette。

1 2 3 4 5 6

Palette.PaletteAsyncListener listener = new Palette.PaletteAsyncListener() {   public void onGenerated(Palette palette) {     // 使用Palette对象，获取解析出的颜色   } }

Palette默认会解析出图像的16种特征颜色种类，但是这六种颜色是你最经常用到的：
vibrant(鲜艳色)
dark vibrant(鲜艳色中的暗色)
light vibrant(鲜艳色中的亮色)
muted(柔和色)
dark muted(柔和色中的暗色)
light muted(柔和色中的亮色)

这是一个Palette解析六个主颜色种类的例子：



你获取Palette对象之后，可以通过以下这些内置getter函数直接获取这六个颜色。你需要传入默认颜色防止Palette无法解析到指定颜色种类，返回的类型是24位RGB颜色数值。

12345678

Palette palette = Palette.generate(myBitmap);int vibrant = palette.getVibrantColor(0x000000);int vibrantLight = palette.getLightVibrantColor(0x000000);int vibrantDark = palette.getDarkVibrantColor(0x000000);int muted = palette.getMutedColor(0x000000);int mutedLight = palette.getLightMutedColor(0x000000);int mutedDark = palette.getDarkMutedColor(0x000000);

Swatch

Palette解析出的颜色都来自于对应的

Swatch

，在

Swatch

里面含有很多关于对应颜色的有用信息。你可以从

Swatch

中获取RGB颜色值、HSL颜色向量、对应颜色在图像中所占的比例、与对应颜色搭配的标题字体颜色和正文字体颜色（这两个颜色和对应颜色的对比值是处理好的，你不必再去操心）。如下面这段代码所示：

1 2 3 4 5 6 7 8 9 10 11 12 13

Palette palette  = Palette.generate(myBitmap); Palette.Swatch swatch = palette.getVibrantSwatch(); //rgb颜色值 int rgbColor = swatch.getRgb(); //hsl颜色向量 float[] hslValues = swatch.getHsl(); //该颜色在图像中所占的像素数 int pixelCount = swatch.getPopulation(); //对应的标题字体颜色 int titleTextColor = swatch.getTitleTextColor(); //对应的正文字体颜色 int bodyTextColor = swatch.getBodyTextColor();

获取六个主颜色的

Swatch

要使用与之前直接获取颜色不同的getter函数，如下面这部分代码所示。它们不需要提供默认值，如果Palette没有解析到对应

Swatch

，它会直接返回null。

1 2 3 4 5 6 7 8

Palette palette = Palette.generate(myBitmap); Palette.Swatch vibrantSwatch = palette.getVibrantSwatch(); Palette.Swatch vibrantLightSwatch = palette.getLightVibrantSwatch(); Palette.Swatch vibrantDarkSwatch = palette.getDarkVibrantSwatch(); Palette.Swatch mutedSwatch = palette.getMutedSwatch(); Palette.Swatch mutedLightSwatch = palette.getLightMutedSwatch(); Palette.Swatch mutedDarkSwatch = palette.getDarkMutedSwatch();

Palette只为六种主颜色种类

Swatch

提供了getter，如果你要使用其他颜色种类的

Swatch

（一共有16种颜色种类），你需要手动获取它。调用

getSwatchs()

会返回一个列表，里面有所有获取到的

Swatch

。

这里是一个Palette获取所有

Swatch

的例子，里面展示了它们分别在图像中所占的比例：



Palette的异步方法使得它非常容易去使用，而且我也看到了它用在很多地方。它真是一个非常棒的工具，能够收集一幅图中所有的颜色，并将它们总结到几个不同种类的颜色中。我建议你阅读源码来更多地学习它！