主题颜色提取 ——— Palette

移动开发 Android
调色板 Palette 是 Android L SDK 中的新特性。可以使用 Palette 从图像中提取出突出的颜色(主色调),获取到颜色之后我们再将这个颜色值赋给 ActionBar、状态栏等。从而达到界面色调的统一,使界面美观协调。

[[184124]]

Palette

调色板 Palette 是 Android L SDK 中的新特性。可以使用 Palette 从图像中提取出突出的颜色(主色调),获取到颜色之后我们再将这个颜色值赋给 ActionBar、状态栏等。从而达到界面色调的统一,使界面美观协调。

Palette 可以提取图片中如下几种特性的颜色:

  • Vibrant (有活力的)
  • Vibrant dark(有活力的 暗色调)
  • Vibrant light(有活力的 明亮)
  • Muted (柔和的)
  • Muted dark(柔和的 暗色调)
  • Muted light(柔和的 明亮)

内部嵌套类

  • Palette.Builder

生成器类,生成 Palette 实例。

  • Palette.Filter

过滤器接口,使 Palette 有更加细腻的颜色过滤

  • Palette.PaletteAsyncListener

异步加载监听

  • pattle.Swatch

提供获取结果的色彩样本

所有的公共方法

返回值类型 方法及说明
static Palette from(List<Palette.Switch> switches)
通过预设的 Palette.Swatch 颜色样本列表 来生成 Palette
static Palette.Builder from(Bitmap bitmap)
通过返回 Palette.Builder 实例来构建 Palette
static Palette generate(Bitmap bitmap,int numColors)
该方法已被遗弃,建议用 Palette.Builder 来生成Palette
static Palette generate(Bitmap bitmap)
该方法已被遗弃,建议用 Palette.Builder 来生成Palette
static AsyncTask<Bitmap,Void,Palette> generateAsync(Bitmap bitmap,int numColor,Palette.PaletteAsyncListener listener)
该方法已被遗弃,建议用 Palette.Builder 来生成Palette
static AsyncTask<Bitmap,Void,Palette> generateAsync(Bitmap bitmap,Palette.PaletteAsyncListener listener)
该方法已被遗弃,建议用 Palette.Builder 来生成Palette
int getColorForTarget(Target target,int defaultColor)
返回一个从目标获取的的 rgb 色值
int getDarkMutedColor(int defaultColor)
返回一个柔和的暗色调 rgb 值
Palette.Swatch getDarkMutedSwatch()
返回一个柔和的暗色调样本类
int getDarkVibrantColor(int defaultColor)
返回一个鲜明的暗色调 rgb 值
Palette.Swatch getDarkVibrantSwatch()
返回一个鲜明的暗色调样本类
int getDomainColor(int defaultColor)
返回 Palette 中的主色调 rgb值
Palette.Swatch getDomainSwatch()
返回一个主色调的样本类
int getLightMutedColor(int defaultColor)
返回一个柔和的亮色调颜色 rgb
Palette.Swatch getLightMutedSwatch()
返回一个柔和的亮色调样本类
int getLightVibrantColor(int defaultColor)
返回一个鲜明的亮色调 rgb
Palette.Swatch getLightVibrantSwatch()
返回一个鲜明的亮色调样本类
int getMutedColor(int defaultColor)
返回一个柔和的颜色 rgb
Palette.Swatch getMutedSwatch()
返回一个柔和的颜色样本类
Palette.Swatch getSwatchForTarget(Target target)
为给定的目标从 Palette 中返回一个选中样本,如果未找到则返回空
List<Palette.Swatch> getSwatches()
获取所有用在Palette中的Swatch样本类
List<Target> getTargets()
获取所有构造 Palette 的 Target
int getVibrantColor(int defaultColor)
获取一个鲜明的颜色 rgb
Palette.Swatch getVibrantSwatch()
获取一个鲜明的样本类

使用方式

使用 Palette 需先引入 Palette 的 support 资源包: 

  1. compile 'com.android.support:palette-v7:25.1.0' 

加载不能在主线程中进行,加载方式有同步加载和异步加载两种:

  • 同步
  1. //在加载图片的后台线程中同步加载Palette palette = Palette.from(bitmap).genrate(); 
  2.  
  • 异步
  1. //异步加载Palette.from(bitmap).genrate(new PaletteAsyncListener(){  public void onGenerated(Palette p){ 
  2.       . 
  3.       . 
  4.       . 
  5.   } 
  6. });  

具体使用代码

这里使用 MvpDemo 中的部分代码,跟 Glide 配合起来使用的,其他辅助类代码直接 Demo 中查看。 

  1. //这是 Glide 加载状态的监听回调@Overridepublic boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target,boolean isFromMemoryCache, boolean isFirstResource) {  //获取到 Glide 加载图片的 Bitmap 
  2.   final Bitmap bitmap = GlideUtils.getBitmap(resource);  //获取到24dp的长度 
  3.   final int twentyFourDip = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,                  24, ZhihuStoryInfoActivity.this.getResources().getDisplayMetrics());  assert bitmap != null
  4.   Palette.from(bitmap)          //设置构建 Palette 时使用的最大颜色数,风景景观推荐值在10-16,人脸图像色值增加到24 
  5.           .maximumColorCount(3) 
  6.           .clearFilters() 
  7.           .setRegion(0, 0, bitmap.getWidth() - 1, twentyFourDip) 
  8.           .generate(new Palette.PaletteAsyncListener() {              @Override 
  9.               public void onGenerated(Palette palette) {                  boolean isDark;                  int lightness = ColorUtils.isDark(palette);                  if (lightness == ColorUtils.LIGHTNESS_UNKNOWN) { 
  10.                       isDark = ColorUtils.isDark(bitmap, bitmap.getWidth() / 2, 0); 
  11.                   } else { 
  12.                       isDark = lightness == ColorUtils.IS_DARK; 
  13.                   }                  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {                      int statusBarColor = getWindow().getStatusBarColor();                      final Palette.Swatch topColor = ColorUtils.getMostPopulousSwatch(palette);                      if (topColor != null && (isDark || Build.VERSION.SDK_INT >= Build.VERSION_CODES.M)) { 
  14.                           statusBarColor = ColorUtils.scrimify(topColor.getRgb(), isDark, SCRIM_ADJUSTMENT);                          if (!isDark && Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) { 
  15.                               ViewUtils.setLightStatusBar(mStoryImg); 
  16.                           } 
  17.                       }                      if (statusBarColor != getWindow().getStatusBarColor()) { 
  18.                           ValueAnimator statusBarColorAnim = ValueAnimator.ofArgb( 
  19.                                   getWindow().getStatusBarColor(), statusBarColor); 
  20.                           statusBarColorAnim 
  21.                               .addUpdateListener(new ValueAnimator 
  22.                               .AnimatorUpdateListener() {                                  @Override 
  23.                                   public void onAnimationUpdate(ValueAnimator animation) { 
  24.                                       getWindow().setStatusBarColor((int) animation.getAnimatedValue()); 
  25.                                   } 
  26.                               });                                  //设置转换颜色的动画时间 
  27.                                   statusBarColorAnim.setDuration(1000L); 
  28.                                   statusBarColorAnim.setInterpolator(                                          new AccelerateInterpolator()); 
  29.                                   statusBarColorAnim.start(); 
  30.                       } 
  31.                   } 
  32.               } 
  33.           }); 

 

责任编辑:庞桂玉 来源: Android技术之家
相关推荐

2019-09-08 10:24:48

Linux颜色主题终端主题

2020-06-30 08:55:29

Vim文本编辑器Linux

2023-08-16 17:56:05

GeditLinux

2021-05-10 06:02:44

CSS 文字动画技巧

2013-07-05 10:09:49

算法可视化Color

2021-08-14 22:58:24

Windows 11Windows微软

2021-03-15 08:20:15

微软Edge浏览器

2017-09-04 18:05:54

Palette色彩贴合

2018-03-28 09:00:13

CITE主题馆

2021-09-15 08:21:21

VSCode Dracula OffShades of P

2013-06-09 13:45:08

好桌道

2012-09-20 15:41:31

2011-05-23 14:20:59

WordPress

2012-10-19 14:51:53

jQueryJSJavaScript

2011-04-11 10:12:07

Windows 7主题

2009-12-04 13:34:52

Windows Aer

2009-03-24 09:02:03

Windows 7主题微软

2023-07-07 19:16:53

GTKLinux

2013-02-28 13:12:00

RSA大会RSA大会主题RSA

2017-05-18 09:00:21

点赞
收藏

51CTO技术栈公众号