如何使用Palette提取Bitmap的颜色

时间 2019-11-13

标签如何使用 palette 提取 bitmap 颜色繁體版

原文原文链接

5.X提出了color palette 的概念，可以让主题动态的去适应当前的页面色调，让整个app色调看起来比较和谐统一android

那么如何使用Palette呢，必不可少，咱们须要在Android studio中引用相关的jar包，我使用的jar是app

 compile 'com.android.support:palette-v7:21.0.0'

第一：主要是经过传递一个Bitmap对象给Palette，咱们可使用Paltte下的方法，静态的方法Paltte.generate()或者Paltte.generateAsync(),咱们能够看下源码ide

//generate(Bitmap) 生成含有16种颜色种类的Palette；
    public static Palette generate(Bitmap bitmap) {
        return generate(bitmap, DEFAULT_CALCULATE_NUMBER_COLORS);
    }
//generate(Bitmap, int) 生成含有指定数量颜色种类的Palette，数量越多须要的时间越久。
    public static Palette generate(Bitmap bitmap, int numColors) {
        checkBitmapParam(bitmap);
        checkNumberColorsParam(numColors);
        // First we'll scale down the bitmap so it's shortest dimension is 100px
        final Bitmap scaledBitmap = scaleBitmapDown(bitmap);
        // Now generate a quantizer from the Bitmap
        ColorCutQuantizer quantizer = ColorCutQuantizer.fromBitmap(scaledBitmap, numColors);
        // If created a new bitmap, recycle it
        if (scaledBitmap != bitmap) {
            scaledBitmap.recycle();
        }
        // Now return a ColorExtractor instance
        return new Palette(quantizer.getQuantizedColors());
    }
    public static AsyncTask<Bitmap, Void, Palette> generateAsync(
            Bitmap bitmap, PaletteAsyncListener listener) {
        return generateAsync(bitmap, DEFAULT_CALCULATE_NUMBER_COLORS, listener);
    }
    public static AsyncTask<Bitmap, Void, Palette> generateAsync(
            final Bitmap bitmap, final int numColors, final PaletteAsyncListener listener) {
        checkBitmapParam(bitmap);
        checkNumberColorsParam(numColors);
        checkAsyncListenerParam(listener);

        return AsyncTaskCompat.executeParallel(
                new AsyncTask<Bitmap, Void, Palette>() {
                    @Override
                    protected Palette doInBackground(Bitmap... params) {
                        return generate(params[0], numColors);
                    }

                    @Override
                    protected void onPostExecute(Palette colorExtractor) {
                        listener.onGenerated(colorExtractor);
                    }
                }, bitmap);
    }

2.　因为Android 对bitmap的操做多是好事操做，咱们能够选择使用Palette.generateAsync()的方法.他比Palette.generate()的区别就是须要传入PaletteAsyncListener字体

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ImageView mIv=(ImageView)findViewById(R.id.iv );

        Bitmap bitmap= BitmapFactory.decodeResource(getResources(),R.mipmap.splash);
        mIv.setImageBitmap(bitmap);
        Palette.generateAsync(bitmap,new Palette.PaletteAsyncListener(){

            @Override
            public void onGenerated(Palette palette) {
                //经过palette来获取对应的色调
                Palette.Swatch vibrant=palette.getLightVibrantSwatch();
                //int vibrant=palette.getMutedColor(990000);
                //将颜色设置给相应的组件,好比actionbar，状态栏
                getActionBar().setBackgroundDrawable(new ColorDrawable(vibrant.getRgb()));
                //getActionBar().setBackgroundDrawable(new ColorDrawable(vibrant));
                Window window =getWindow();
                window.setStatusBarColor(vibrant.getRgb());
               // window.setStatusBarColor(vibrant);
            }
        });
    }

3.Palette默认状况会解析出来16种颜色，可是咱们经常使用的无非就6种：this

//获取鲜艳的颜色
    public int getVibrantColor(int defaultColor) {
        return mVibrantSwatch != null ? mVibrantSwatch.getRgb() : defaultColor;
    }
//获取鲜艳颜色中的亮颜色
    public int getLightVibrantColor(int defaultColor) {
        return mLightVibrantSwatch != null ? mLightVibrantSwatch.getRgb() : defaultColor;
    }
//获取鲜艳颜色中的暗色

    public int getDarkVibrantColor(int defaultColor) {
        return mDarkVibrantSwatch != null ? mDarkVibrantSwatch.getRgb() : defaultColor;
    }

//获取柔和的颜色

    public int getMutedColor(int defaultColor) {
        return mMutedSwatch != null ? mMutedSwatch.getRgb() : defaultColor;
    }
//获取柔和色中的亮颜色

    public int getLightMutedColor(int defaultColor) {
        return mLightMutedColor != null ? mLightMutedColor.getRgb() : defaultColor;
    }
//获取柔和颜色中的暗色

    public int getDarkMutedColor(int defaultColor) {
        return mDarkMutedSwatch != null ? mDarkMutedSwatch.getRgb() : defaultColor;
    }

咱们看下效果图：spa

上图1部分代码表示：
 Bitmap bitmap= BitmapFactory.decodeResource(getResources(), R.mipmap.banner_pingan_default);
        mIv.setImageBitmap(bitmap);
        Palette palette = Palette.generate(bitmap);
        int vibrant = palette.getVibrantColor(990000);//我的试了一下，好像这个颜色数字没多大用。。。。
        int vibrantLight = palette.getLightVibrantColor(990000);
        int vibrantDark = palette.getDarkVibrantColor(990000);
        int muted = palette.getMutedColor(990000);
        int mutedLight = palette.getLightMutedColor(990000);
        int mutedDark = palette.getDarkMutedColor(990000);
上图2部分代码表示：
        Palette.generateAsync(bitmap,new Palette.PaletteAsyncListener(){
            @Override
            public void onGenerated(Palette palette) {
                //经过palette来获取对应的色调
                Palette.Swatch vibrant=palette.getLightVibrantSwatch();
                //int vibrant=palette.getMutedColor(990000);
                //将颜色设置给相应的组件
                getActionBar().setBackgroundDrawable(new ColorDrawable(vibrant.getRgb()));
                //getActionBar().setBackgroundDrawable(new ColorDrawable(vibrant));
                Window window =getWindow();
                window.setStatusBarColor(vibrant.getRgb());
               // window.setStatusBarColor(vibrant);
            }
        });
    }

4.Palette获取相应的颜色另外一种方式使用swatch：palette解析来的颜色都有对应swatch，它里面包含了不少颜色信息，经常使用的获取颜色有如下几几种code

    public Swatch getVibrantSwatch() {
        return mVibrantSwatch;
    }

    /**
     * Returns a light and vibrant swatch from the palette. Might be null.
     */
    public Swatch getLightVibrantSwatch() {
        return mLightVibrantSwatch;
    }

    /**
     * Returns a dark and vibrant swatch from the palette. Might be null.
     */
    public Swatch getDarkVibrantSwatch() {
        return mDarkVibrantSwatch;
    }

    /**
     * Returns a muted swatch from the palette. Might be null.
     */
    public Swatch getMutedSwatch() {
        return mMutedSwatch;
    }

    /**
     * Returns a muted and light swatch from the palette. Might be null.
     */
    public Swatch getLightMutedSwatch() {
        return mLightMutedColor;
    }

    /**
     * Returns a muted and dark swatch from the palette. Might be null.
     */
    public Swatch getDarkMutedSwatch() {
        return mDarkMutedSwatch;
    }

你能够从Swatch里面获取你须要的颜色信息，好比RGB颜色值、HSL颜色向量、对应颜色在图像中所占的比例、与对应颜色搭配的标题字体颜色和正文字体颜色。对象

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

在这里要注意的是，若是想要使用swatch获取的颜色，不能像上面直接使用get方法，他不须要传入默认的颜色值，以下例子：blog

经过palette来获取对应的色调
Palette.Swatch vibrant=palette.getLightVibrantSwatch();

　不知道你们有没有注意到源码中这一句话，他的意思说若是Palette没有解析到swatch的话，就会返回一个null。ip

 /**
   * Returns a light and vibrant swatch from the palette. Might be null.
   */

5.在源码中还有这样一个方法：获取全部的颜色(16种)，返回的是一个list集合

/**
 * Returns all of the swatches which make up the palette.
 */
public List<Swatch> getSwatches() {
    return Collections.unmodifiableList(mSwatches);
}

　效果图：

代码实现：

 List<Palette.Swatch> swatchs=Palette.generate(bitmap).getSwatches();
        for (int i=0;i<swatchs.size();i++){
            View view = new View(MainActivity.this);
            view.setBackgroundColor(swatchs.get(i).getRgb());
            view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,50));
            mLinearLayout.addView(view);
        }