快捷導(dǎo)航

android Palette調(diào)色板使用詳解

更新時(shí)間：2017年10月11日 08:58:50 作者：釘某人

本篇文章主要介紹了android Palette調(diào)色板使用詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

Palette是一個(gè)可以從圖片(Bitmap)中提取顏色的幫助類，可以使UI更加美觀，根據(jù)圖片動(dòng)態(tài)的顯示相應(yīng)的顏色。現(xiàn)在最新的api是在版本22.0.0添加的，本篇文章也是使用的22.0.0的api版本（注意版本之間api的不同）。

這里寫圖片描述

應(yīng)用項(xiàng)目：https://github.com/DingMouRen/PaletteImageView

應(yīng)用中的效果 Demo 效果

這里寫圖片描述

Palette可以提取的顏色：

Vibrant （有活力的）
Vibrant dark（有活力的暗色）
Vibrant light（有活力的亮色）
Muted （柔和的）
Muted dark（柔和的暗色）
Muted light（柔和的亮色）

使用方法： module的build.gradle中引用

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

使用步驟：

1.獲取Palette對(duì)象，也就是圖像調(diào)色板

2.獲取從圖像調(diào)色板生成的色樣

3.從色樣中提取相應(yīng)顏色

1.獲取Palette對(duì)象，也就是圖像調(diào)色板

獲取Palette對(duì)象有同步和異步兩種方式，建議使用異步獲取Palette對(duì)象

 // Synchronous
 Palette p = Palette.from(bitmap).generate();

 // Asynchronous
 Palette.from(bitmap).generate(new PaletteAsyncListener() {
   public void onGenerated(Palette p) {
     // Use generated instance
   }
 });

2.獲取從圖像調(diào)色板生成的色樣

可以獲取到六種色樣，但是有的時(shí)候獲取不到對(duì)應(yīng)的色樣對(duì)象，必須注意非空判斷。

Palette.Swatch vibrant = palette.getVibrantSwatch();//有活力的

Palette.Swatch vibrantDark = palette.getDarkVibrantSwatch();//有活力的，暗色

Palette.Swatch vibrantLight = palette.getLightVibrantSwatch();//有活力的，亮色

Palette.Swatch muted = palette.getMutedSwatch();//柔和的

Palette.Swatch mutedDark = palette.getDarkMutedSwatch();//柔和的，暗色

Palette.Swatch mutedLight = palette.getLightMutedSwatch();//柔和的,亮色

3.從色樣中提取相應(yīng)顏色

通過 getRgb() 可以得到最終的顏色值并應(yīng)用到UI中。getBodyTextColor() 和 getTitleTextColor() 可以得到此顏色下文字適合的顏色，這樣很方便我們?cè)O(shè)置文字的顏色，使文字看起來更加舒服。

swatch.getPopulation(): 樣本中的像素?cái)?shù)量
swatch.getRgb(): 顏色的RBG值
swatch.getHsl(): 顏色的HSL值
swatch.getBodyTextColor(): 主體文字的顏色值
swatch.getTitleTextColor(): 標(biāo)題文字的顏色值

Demo的代碼中沒有對(duì)獲取到的色樣對(duì)象進(jìn)行非空判斷，注意一定要加上非空判斷

public class MainActivity extends AppCompatActivity {
  private static final String TAG = MainActivity.class.getName();
  private LinearLayout line1,line2,line3,line4,line5,line6;
  private TextView tv1_1,tv1_2,tv2_1,tv2_2,tv3_1,tv3_2,tv4_1,tv4_2,tv5_1,tv5_2,tv6_1,tv6_2;
  private List<LinearLayout> bgs = new ArrayList<>();
  private List<TextView> bodyTexts = new ArrayList<>();
  private List<TextView> titleTexts = new ArrayList<>();
  private List<Palette.Swatch> swatchs = new ArrayList<>();
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    ImageView img = (ImageView) findViewById(R.id.img);
    initView();
    Bitmap bitmap = ((BitmapDrawable)img.getDrawable()).getBitmap();
    if (bitmap == null){
      return;
    }
    Palette.from(bitmap).generate(listener);

  }

  private Palette.PaletteAsyncListener listener = new Palette.PaletteAsyncListener() {
    @Override
    public void onGenerated(Palette palette) {
      if (palette != null){
        Palette.Swatch vibrant = palette.getVibrantSwatch();//有活力的
        Palette.Swatch vibrantDark = palette.getDarkVibrantSwatch();//有活力的，暗色
        Palette.Swatch vibrantLight = palette.getLightVibrantSwatch();//有活力的，亮色
        Palette.Swatch muted = palette.getMutedSwatch();//柔和的
        Palette.Swatch mutedDark = palette.getDarkMutedSwatch();//柔和的，暗色
        Palette.Swatch mutedLight = palette.getLightMutedSwatch();//柔和的,亮色
        swatchs.clear();
        swatchs.add(vibrant);swatchs.add(vibrantDark);swatchs.add(vibrantLight);
        swatchs.add(muted);swatchs.add(mutedDark);swatchs.add(mutedLight);
        show();
      }
    }
  };

  private void show() {
    for (int i = 0; i < 6; i++) {
      bgs.get(i).setBackgroundColor(swatchs.get(i).getRgb());
      bodyTexts.get(i).setTextColor(swatchs.get(i).getBodyTextColor());
      titleTexts.get(i).setTextColor(swatchs.get(i).getTitleTextColor());    
    }
  }


  private void initView() {
    line1 = (LinearLayout) findViewById(R.id.line1);
    line2 = (LinearLayout) findViewById(R.id.line2);
    line3 = (LinearLayout) findViewById(R.id.line3);
    line4 = (LinearLayout) findViewById(R.id.line4);
    line5 = (LinearLayout) findViewById(R.id.line5);
    line6 = (LinearLayout) findViewById(R.id.line6);
    bgs.clear();
    bgs.add(line1);bgs.add(line2);bgs.add(line3);bgs.add(line4);bgs.add(line5);bgs.add(line6);
    tv1_1 = (TextView) findViewById(R.id.tv1_1);
    tv2_1 = (TextView) findViewById(R.id.tv2_1);
    tv3_1 = (TextView) findViewById(R.id.tv3_1);
    tv4_1 = (TextView) findViewById(R.id.tv4_1);
    tv5_1 = (TextView) findViewById(R.id.tv5_1);
    tv6_1 = (TextView) findViewById(R.id.tv6_1);
    tv1_2 = (TextView) findViewById(R.id.tv1_2);
    tv2_2 = (TextView) findViewById(R.id.tv2_2);
    tv3_2 = (TextView) findViewById(R.id.tv3_2);
    tv4_2 = (TextView) findViewById(R.id.tv4_2);
    tv5_2 = (TextView) findViewById(R.id.tv5_2);
    tv6_2 = (TextView) findViewById(R.id.tv6_2);
    bodyTexts.clear();titleTexts.clear();
    bodyTexts.add(tv1_1);bodyTexts.add(tv2_1);bodyTexts.add(tv3_1);bodyTexts.add(tv4_1);bodyTexts.add(tv5_1);bodyTexts.add(tv6_1);
    titleTexts.add(tv1_2);titleTexts.add(tv2_2);titleTexts.add(tv3_2);titleTexts.add(tv4_2);titleTexts.add(tv5_2);titleTexts.add(tv6_2);
  }

}

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: