Palette颜色提取使用详解

最新推荐文章于 2024-04-28 13:33:46 发布

sada09

最新推荐文章于 2024-04-28 13:33:46 发布

阅读量2k

点赞数 1

分类专栏： Android L 文章标签： Palette

Android L 专栏收录该内容

1 篇文章

订阅专栏

本文介绍Android Lollipop SDK中的Palette功能，它能从图片中提取主要颜色，并应用于UI元素如ActionBar，实现界面色调统一。文章详细讲解了Palette实例的同步及异步创建方法，并介绍了如何获取和使用不同类型的样本（swatch）。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

摘要如果你试过android Lollipop的sdk，你可能注意到了Palette。Palette从图像中提取突出的颜色，这样可以把色值赋给ActionBar、或者其他，可以让界面整个色调统一。创建Palette实例有四种创建实例的方法： // Synchronous methods.// -----------------------

如果你试过android Lollipop的sdk，你可能注意到了Palette。Palette从图像中提取突出的颜色，这样可以把色值赋给ActionBar、或者其他，可以让界面整个色调统一。

创建Palette实例

有四种创建实例的方法：

//
 Synchronous methods.

//
 --------------------------------

//
 These should be used when you have access to the underlying image loading thread.

//
 Picasso allows this through a Transformation. For other libraries, YMMV.

//
 Uses the default palette size (16).

Palette
 p = Palette.generate(bitmap);

//
 Allows you to specify the maximum palette size, in this case 24.

Palette
 p = Palette.generate(bitmap, 24);

//
 Asynchronous methods

//
 --------------------------------

//
 This is the quick and easy integration path. Internally uses an AsyncTask so

//
 this may not be optimal (since you're dipping in and out of threads)

//
 Uses the default palette size (16).

Palette.generateAsync(bitmap,
new

Palette.PaletteAsyncListener() {

    @Override

    public
 void onGenerated(Palette palette) {

       //
 Here's your generated palette

    }

});

//
 Allows you to specify the maximum palette size, in this case 24.

Palette.generateAsync(bitmap,
 24, new

Palette.PaletteAsyncListener() {

    @Override

    public
 void onGenerated(Palette palette) {

       //
 Here's your generated palette

    }

});

创建完一个实例之后，我们还需要得到一种采集的样本（swatch），有6中样本（swatch）：

Vibrant.
 Palette.getVibrantSwatch()

Vibrant
 dark. Palette.getDarkVibrantSwatch()

Vibrant
 light. Palette.getLightVibrantSwatch()

Muted.
 Palette.getMutedSwatch()

Muted
 dark. Palette.getDarkMutedSwatch()

Muted
 light. Palette.getLightMutedSwatch()

具体选择哪一种取决于你自己，大多数情况下我们都使用Vibrant and Dark Vibrant。

使用样本（swatch）

swatch有以下方法：

getPopulation():
 the amount of pixels which this

swatch represents.

getRgb():
 the RGB value of this

color.

getHsl():
 the HSL value of this

color.

getBodyTextColor():
 the RGB value of a text color which can be displayed on top of this

color.

getTitleTextColor():
 the RGB value of a text color which can be displayed on top of this

color.

比如如果你的TextView 有个背景图片，要想让字体颜色能够和背景图片匹配，则使用getBodyTextColor()比较合适，getTitleTextColor()其实应该和getBodyTextColor()差不多。

下面的代码则是展示了如何从一张图片中提取颜色将textView的背景色设置成图片的主色调，然后再使用getTitleTextColor（）来设置一个匹配的文字颜色。

Palette.Swatch
 swatch = palette.getVibrantSwatch();

TextView
 titleView = ...;

if

(swatch != null)
 {

    titleView.setBackgroundColor(swatch.getRgb());

    titleView.setTextColor(swatch.getTitleTextColor());

}

需要注意的是getVibrantSwatch()可能会返回一个null值，所以检查一下是必须的。

size的问题

你还可以使用如下方法一次性获得所有的swatch：

List<Palette.Swatch>
 swatches = palette.getSwatches();

在上面的代码中，你可能注意到了可以设置palette的size。size越大，花费的时间越长，而越小，可以选择的色彩也越小。最佳的选择是根据image的用途：

头像之类的，size最好在24-32之间；

风景大图之类的 size差不多在8-16；

默认是16.

转自：http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2014/1111/1955.html