今天我們講的這個Palette非常好用，也非常好玩。 Palette的作用是從圖像中提取突出的顏色奈泪，這樣我們可以根據(jù)提取到的色值把它賦給Toolbar，標題戈钢，狀態(tài)欄等，可以使我們的整個界面色調(diào)統(tǒng)一是尔，效果非常好看殉了。
Palette介紹
Palette顧名思義調(diào)色板， Palette的作用是可以從圖像中提取圖片的顏色嗜历。我們可以把提取的顏色融入到App UI中宣渗，可以使UI風格更加美觀融洽。
Palette可以提取的顏色如下：
- Vibrant （有活力的）
- Vibrant dark（有活力的 暗色）
- Vibrant light（有活力的 亮色）
- Muted （柔和的）
- Muted dark（柔和的 暗色）
- Muted light（柔和的 亮色）
通過Palette對象獲取到六個樣本swatch
Palette.Swatch s = p.getVibrantSwatch(); //獲取到充滿活力的這種色調(diào)
Palette.Swatch s = p.getDarkVibrantSwatch(); //獲取充滿活力的黑
Palette.Swatch s = p.getLightVibrantSwatch(); //獲取充滿活力的亮
Palette.Swatch s = p.getMutedSwatch(); //獲取柔和的色調(diào)
Palette.Swatch s = p.getDarkMutedSwatch(); //獲取柔和的黑
Palette.Swatch s = p.getLightMutedSwatch(); //獲取柔和的亮
swatch對象對應的顏色方法
- getPopulation(): 像素的數(shù)量
- getRgb(): RGB顏色
- getHsl(): HSL顏色
- getBodyTextColor(): 用于內(nèi)容文本的顏色
- getTitleTextColor(): 標題文本的顏色
Palette實例
Palette經(jīng)常用于和ViewPager梨州，F(xiàn)ragment搭配使用痕囱，當我們的Pager切換時伴隨著Fragment的變化，而Fragment里的內(nèi)容一般是不同的暴匠，所以每個Fragment里的一般視覺效果也是不同的鞍恢，所以我們可以用Palette來去提取Fragment中的主色調(diào)，把這個主色調(diào)用于整體的UI風格。
先看效果圖帮掉，如下：
第一步：添加依賴
compile 'com.android.support:palette-v7:23.4.0'
第二步：創(chuàng)建Palette對象弦悉，并獲取圖片的顏色值
// 用來提取顏色的Bitmap
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), PaletteFragment.getBackgroundBitmapPosition(position));
// Palette的部分
Palette.Builder builder = Palette.from(bitmap);
builder.generate(new Palette.PaletteAsyncListener() {@Override public void onGenerated(Palette palette) {
//獲取到充滿活力的這種色調(diào)
Palette.Swatch vibrant = palette.getVibrantSwatch();
//根據(jù)調(diào)色板Palette獲取到圖片中的顏色設(shè)置到toolbar和tab中背景，標題等蟆炊，使整個UI界面顏色統(tǒng)一
toolbar_tab.setBackgroundColor(vibrant.getRgb());
toolbar_tab.setSelectedTabIndicatorColor(colorBurn(vibrant.getRgb()));
toolbar.setBackgroundColor(vibrant.getRgb());
if (android.os.Build.VERSION.SDK_INT >= 21) {
Window window = getWindow();
window.setStatusBarColor(colorBurn(vibrant.getRgb()));
window.setNavigationBarColor(colorBurn(vibrant.getRgb()));
}
}
});
就是這么簡單稽莉，這里略過了對TabLayout的講解，因為這次主講的是Palette嘛涩搓，沒記錯的話污秆，以前講解過TabLayout的使用，不會的同學可以去看源碼或者是查找歷史消息去看看文章昧甘。
demo的github地址：https://github.com/loonggg/MaterialDesignDemo 去star吧良拼，我會慢慢完善的。
