您好,登錄后才能下訂單哦!
本篇文章為大家展示了怎么在android中使用Palette調(diào)色板,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
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對象,也就是圖像調(diào)色板
2.獲取從圖像調(diào)色板生成的色樣
3.從色樣中提取相應顏色
1.獲取Palette對象,也就是圖像調(diào)色板
獲取Palette對象有同步和異步兩種方式,建議使用異步獲取Palette對象
// 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)色板生成的色樣
可以獲取到六種色樣,但是有的時候獲取不到對應的色樣對象,必須注意非空判斷。
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.從色樣中提取相應顏色
通過 getRgb() 可以得到最終的顏色值并應用到UI中。getBodyTextColor() 和 getTitleTextColor() 可以得到此顏色下文字適合的顏色,這樣很方便我們設置文字的顏色,使文字看起來更加舒服。
swatch.getPopulation(): 樣本中的像素數(shù)量 swatch.getRgb(): 顏色的RBG值 swatch.getHsl(): 顏色的HSL值 swatch.getBodyTextColor(): 主體文字的顏色值 swatch.getTitleTextColor(): 標題文字的顏色值
Demo的代碼中沒有對獲取到的色樣對象進行非空判斷,注意一定要加上非空判斷
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); } }
上述內(nèi)容就是怎么在android中使用Palette調(diào)色板,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。