Palette

最新推荐文章于 2024-04-25 09:50:17 发布

snpmyn

最新推荐文章于 2024-04-25 09:50:17 发布

阅读量262

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Android

本文链接：https://blog.csdn.net/zsp_android_com/article/details/89518888

Android 专栏收录该内容

493 篇文章

订阅专栏

本文介绍如何使用调色板(Palette)从图片中提取颜色，并应用到UI界面中，实现界面色调的一致性。通过不同的调色策略，如充满活力色、柔和色等，可以为Toolbar、标题等元素赋予合适的颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简介

调色板，提图色。

场景

从图提色后赋Toolbar、标题等使界面色调统一。

样本

// 充满活力
Palette.Swatch s = p.getVibrantSwatch();    
// 充满活力黑   
Palette.Swatch s = p.getDarkVibrantSwatch();   
// 充满活力亮
Palette.Swatch s = p.getLightVibrantSwatch();   
// 柔和
Palette.Swatch s = p.getMutedSwatch();          
// 柔和黑
Palette.Swatch s = p.getDarkMutedSwatch();     
// 柔和亮
Palette.Swatch s = p.getLightMutedSwatch();

Swatch对象

// 像素数
getPopulation()
// RGB色
getRgb()
// HSL色
getHsl()
// 内容文本色
getBodyTextColor()
// 标题文本色
getTitleTextColor()

使用

依赖

implementation 'com.android.support:palette-v7:23.4.0'

代码

// 用来提色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) {
        // 获充满活力
        Palette.Swatch vibrant = palette.getVibrantSwatch();
        // 设调色板Palette获图色到Toolbar背景
        if (vibrant != null) {
            toolbar_tab.setBackgroundColor(vibrant.getRgb());
            if (android.os.Build.VERSION.SDK_INT >= 21) {
                Window window = getWindow();
                window.setStatusBarColor(vibrant.getRgb());
            }
        }
    }
});