Android中可以使用調(diào)色板Palette來獲取圖片中主要顏色约计，鮮艷或者柔和的顏色狮辽，或者其他的小色塊Swatch。
Palette默認提取的顏色有：
Vibrant - 鮮艷色
Vibrant dark - 暗色
Vibrant light - 亮色
Muted - 柔和色
Muted dark - 暗色
Muted light - 亮色
Dominant - 主色
先上一張效果演示圖片：
palette_swatch.png
1. 添加依賴庫
可以直接在Project Structure中搜索庫依賴：palette，選擇com.android.support域名下的庫即可磨取。
compile 'com.android.support:appcompat-v7:25.1.0'
compile 'com.android.support:palette-v7:25.1.0'
2. 創(chuàng)建Palette對象
Palette對象的創(chuàng)建是一個耗時操作元潘，應該使用異步方式或者在線程中調(diào)用同步方式創(chuàng)建畔乙。當前推薦使用Builder模式來創(chuàng)建Palette實例：
同步創(chuàng)建方式
// Synchronous
Palette p = Palette.from(bitmap).generate();
異步創(chuàng)建方式
// Asynchronous
Palette.from(bitmap).generate(new Palette.PaletteAsyncListener() {
@Override
public void onGenerated(Palette palette) {
// Use generated instance
}
});
3. Palette使用示例
這里使用異步方式來創(chuàng)建Palette調(diào)色板，在回調(diào)方法onGenerated(Palette)中可以得到Palette對象翩概。Swatch小色塊若使用XML方式定義則布局代碼會很長牲距，這里使用代碼方式來創(chuàng)建布局樣式。
private void setPaletteColor(TextView tv, int color) {
tv.setBackgroundColor(color);
tv.setText(ColorUtils.toRGBHexString(color));
tv.setTextColor(ColorUtils.parseBackgroundColor(color));
}
private void initPalette() {
Drawable drawable = mPictureIv.getDrawable();
Bitmap bitmap = drawableToBitmap(drawable);
// Synchronous
// mPalette = Palette.from(bitmap).generate();
// Asynchronous
Palette.from(bitmap).generate(new Palette.PaletteAsyncListener() {
@Override
public void onGenerated(Palette palette) {
// Use generated instance
int defaultColor = Color.parseColor("#b64242");
int mVibrantColor = palette.getVibrantColor(defaultColor);
int mDarkVibrantColor = palette.getDarkVibrantColor(defaultColor);
int mLightVibrantColor = palette.getLightVibrantColor(defaultColor);
int mMutedColor = palette.getMutedColor(defaultColor);
int mDarkMutedColor = palette.getDarkMutedColor(defaultColor);
int mLightMutedColor = palette.getLightMutedColor(defaultColor);
setPaletteColor(mVibrantColorTv, mVibrantColor);
setPaletteColor(mDarkVibrantColorTv, mDarkVibrantColor);
setPaletteColor(mLightVibrantColorTv, mLightVibrantColor);
setPaletteColor(mMutedColorTv, mMutedColor);
setPaletteColor(mDarkMutedColorTv, mDarkMutedColor);
setPaletteColor(mLightMutedColorTv, mLightMutedColor);
// dominant color (主色)
int mDominantColor = palette.getDominantColor(defaultColor);
setPaletteColor(mDominantColorTv, mDominantColor);
// Swatch - 色塊 // 15種
List<Palette.Swatch> mSwatchList = palette.getSwatches();
Toast.makeText(MainActivity.this, "Swatch num: " + mSwatchList.size(), Toast.LENGTH_SHORT).show();
int index = -1;
LinearLayout mSwatchesContainer = null;
LinearLayout.LayoutParams params;
for (Palette.Swatch swatch : mSwatchList) {
int color = swatch.getRgb();
index++;
if (index % 3 == 0) {
mSwatchesContainer = new LinearLayout(getApplicationContext());
mSwatchesContainer.setOrientation(LinearLayout.HORIZONTAL);
params = new LinearLayout.LayoutParams(
LinearLayout.LayoutParams.MATCH_PARENT,
LinearLayout.LayoutParams.WRAP_CONTENT
);
params.topMargin = (int) DisplayUtils.dp2px(getApplicationContext(), 10);
mContainerLayout.addView(mSwatchesContainer, params); //
}
LinearLayout mSwatchContainer = new LinearLayout(getApplicationContext());
mSwatchContainer.setOrientation(LinearLayout.VERTICAL);
params = new LinearLayout.LayoutParams(0, LinearLayout.LayoutParams.WRAP_CONTENT);
params.weight = 1;
params.gravity = Gravity.CENTER;
if (mSwatchesContainer != null) {
mSwatchesContainer.addView(mSwatchContainer, params); //
}
TextView mColorTv = new TextView(getApplicationContext());
mColorTv.setTextSize(TypedValue.COMPLEX_UNIT_SP, 16);
setPaletteColor(mColorTv, color); //
mColorTv.setGravity(Gravity.CENTER);
params = new LinearLayout.LayoutParams(
LinearLayout.LayoutParams.MATCH_PARENT,
(int) DisplayUtils.dp2px(getApplicationContext(), 80)
);
params.gravity = Gravity.CENTER;
mSwatchContainer.addView(mColorTv, params); //
TextView mColorNameTv = new TextView(getApplicationContext());
mColorNameTv.setTextSize(TypedValue.COMPLEX_UNIT_SP, 16);
mColorNameTv.setText("Swatch " + index);
mColorNameTv.setGravity(Gravity.CENTER);
mColorNameTv.setTextColor(Color.parseColor("#333333"));
params = new LinearLayout.LayoutParams(
LinearLayout.LayoutParams.WRAP_CONTENT,
LinearLayout.LayoutParams.WRAP_CONTENT
);
params.gravity = Gravity.CENTER;
mSwatchContainer.addView(mColorNameTv, params);
}
}
});
}
Drawable轉(zhuǎn)Bitmap的方法：
public static Bitmap drawableToBitmap(Drawable drawable) {
Bitmap bitmap = Bitmap.createBitmap(
drawable.getIntrinsicWidth(),
drawable.getIntrinsicHeight(),
drawable.getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888 : Bitmap.Config.RGB_565);
Canvas canvas = new Canvas(bitmap); // canvas -> bitmap
//canvas.setBitmap(bitmap);
drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
drawable.draw(canvas); // drawable -> canvas
return bitmap; // drawable -> canvas -> bitmap
}
ColorUtils工具類中有如下幾個方法：
public static String toRGBHexString(final int color) - 將int顏色值轉(zhuǎn)成Hex顏色字符串(color -> #FF55FF)
public static int parseBackgroundColor(int color) - 通過分析背景色來決定當前文字的匹配顏色钥庇，使文字顏色自適應背景顏色
ColorUtils工具類是自己整理的用于顏色相關(guān)的操作方法牍鞠，源代碼如下：
public class ColorUtils {
public static int parseBackgroundColor2(int color) {
int counter = 0;
counter += Color.red(color) >= 128 ? 1 : 0;
counter += Color.green(color) >= 128 ? 1 : 0;
counter += Color.blue(color) >= 128 ? 1 : 0;
return counter >= 2 ? Color.BLACK : Color.WHITE;
}
// 通過分析背景色來決定當前文字的匹配顏色，使文字顏色自適應背景顏色
public static int parseBackgroundColor(int color) {
int red = Color.red(color);
int green = Color.green(color);
int blue = Color.blue(color);
if (red >= 128 && green >= 128 // 三選二
|| red >= 128 && blue >= 128
|| green >= 128 && blue >= 128) {
return Color.rgb(0, 0, 0);
}
return Color.rgb(255, 255, 255);
}
// #FF55FF => color
// int color = Color.parseColor("#b64242");
// color -> #FF55FF
public static String toRGBHexString(final int color) {
return toRGBHexString(Color.red(color), Color.green(color), Color.blue(color));
}
// (r,g,b) -> #FF55FF
public static String toRGBHexString(int red, int green, int blue) {
return toARGBHexString(-1, red, green, blue);
}
// default prefix: "#"
// (a,r,g,b) -> #FF55FF55
public static String toARGBHexString(int alpha, int red, int green, int blue) {
return toARGBHexString("#", alpha, red, green, blue);
}
public static String toARGBHexString(String prefix, int alpha, int red, int green, int blue) {
StringBuilder sb = new StringBuilder();
sb.append(prefix);
if (alpha != -1) {
String mAlphaStr = Integer.toHexString(alpha);
sb.append(mAlphaStr.length() == 1 ? "0" + mAlphaStr : mAlphaStr);
}
String mRedStr = Integer.toHexString(red);
sb.append(mRedStr.length() == 1 ? "0" + mRedStr : mRedStr);
String mGreenStr = Integer.toHexString(green);
sb.append(mGreenStr.length() == 1 ? "0" + mGreenStr : mGreenStr);
String mBlueStr = Integer.toHexString(blue);
sb.append(mBlueStr.length() == 1 ? "0" + mBlueStr : mBlueStr);
return sb.toString().toUpperCase();
}
}
4. 效果演示
palette_swatch.gif
5. Palette的UML類圖關(guān)系
Swatch是定義在Palette中的內(nèi)部類
palette_uml_class.png
