【译】在Android Lollipop中使用Palette抽取Bitmap颜色
2015-08-27 18:34
549 查看
在Android Lollipop中使用Palette抽取Bitmap颜色
原文链接 : Extracting Colors to a Palette with Android Lollipop原文作者 : Brian Gardner
译文出自 : 开发技术前线 www.devtf.cn。未经允许,不得转载!
译者 : Desmond1121
校对者:
一些Support库随着Android Lollipop的发布而诞生了,其中就有Palette。这个库可以让你很轻松地从一幅图中抽取特征颜色,这在你希望界面的颜色风格适应指定图片时非常有用,它还会提供与指定颜色相搭配的字体颜色。
Palette有一个用法我特别喜欢:它可以定制图像波纹的颜色。这是其实一个微不足道的效果,但是 我认为相比于纯灰色波纹来说是一个很大的提升。你需要在工程下的
build.gradle里添加依赖才可以使用Palette,像如下代码所示:
dependencies { compile 'com.android.support:palette-v7:21.0.0' }
生成一幅图像的Palette有两种方法:
generate(Bitmap)生成含有16种颜色种类的Palette;
generate(Bitmap, int)生成含有指定数量颜色种类的Palette,数量越多需要的时间越久。
这两个方法是同步方法,由于他们很可能会比较耗时(在分析大图片或者所需颜色较多时),所以他们不应该在主线程中执行。你应该在别的线程中执行,在加载完颜色之后再使用它。
不过有时候你不会在加载图片的线程(非主线程)中使用解析出的颜色,所以Palette提供了一步方法,他们与之前的函数的区别就是需要传入
PaletteAsyncListener,提供在图片解析完成后的回调函数:
generateAsync(Bitmap, PaletteAsyncListener)
generateAsync(Bitmap, int, PaletteAsyncListener)
PaletteAsyncListener的实现是非常简单的(参考下面这几行代码),它只要重写
onGenerated就好了。如此一来你就可以在任何需要的时候使用这两个函数创建Palette。
Palette.PaletteAsyncListener listener = new Palette.PaletteAsyncListener() { public void onGenerated(Palette palette) { // access palette colors here } }
Palette默认会解析出图像的16种特征颜色种类,但是这六种颜色是你最经常用到的:
vibrant(鲜艳色)
dark vibrant(鲜艳色中的暗色)
light vibrant(鲜艳色中的亮色)
muted(柔和色)
dark muted(柔和色中的暗色)
light muted(柔和色中的亮色)
这是一个Palette解析六个主颜色种类的例子:
你获取Palette对象之后,可以通过以下这些内置getter函数直接获取这六个颜色。你需要传入默认颜色防止Palette无法解析到指定颜色种类,返回的类型是24位RGB颜色数值。
Palette palette = Palette.generate(myBitmap); int vibrant = palette.getVibrantColor(0x000000); int vibrantLight = palette.getLightVibrantColor(0x000000); int vibrantDark = palette.getDarkVibrantColor(0x000000); int muted = palette.getMutedColor(0x000000); int mutedLight = palette.getLightMutedColor(0x000000); int mutedDark = palette.getDarkMutedColor(0x000000);
Swatch
这些颜色都来自于对应的Swatch,在
Swatch里面含有很多关于对应颜色的有用信息。你可以从
Swatch中获取RGB颜色值、HSV颜色值、对应颜色在图像中所占的比例、与对应颜色搭配的标题字体颜色和正文字体颜色(这两个颜色和对应颜色的对比值是处理好的,你不必再去操心)。如下面这段代码所示:
Palette palette = Palette.generate(myBitmap); Palette.Swatch swatch = palette.getVibrantSwatch(); int rgbColor = swatch.getRgb(); float[] hslValues = swatch.getHsl(); int pixelCount = swatch.getPopulation(); int titleTextColor = swatch.getTitleTextColor(); int bodyTextColor = swatch.getBodyTextColor();
获取六个主颜色的
Swatch要使用与之前直接获取颜色不同的getter函数,如下面这部分代码所示。它们不需要提供默认值,如果Palette没有解析到对应颜色种类,它会直接返回null。
Palette palette = Palette.generate(myBitmap); Palette.Swatch vibrantSwatch = palette.getVibrantSwatch(); Palette.Swatch vibrantLightSwatch = palette.getLightVibrantSwatch(); Palette.Swatch vibrantDarkSwatch = palette.getDarkVibrantSwatch(); Palette.Swatch mutedSwatch = palette.getMutedSwatch(); Palette.Swatch mutedLightSwatch = palette.getLightMutedSwatch(); Palette.Swatch mutedDarkSwatch = palette.getDarkMutedSwatch();
Palette只为六种主颜色种类
Swatch提供了getter,如果你要使用其他种类(一共有16种颜色种类),你需要手动获取它。使用
getSwatchs()会返回一个列表,里面有所有获取到的
Swatch,你可以从列表中获取你需要的颜色种类。
这里是一个Palette获取所有
Swatch的例子,里面展示了它们分别在图像中所占的比例:
Palette的异步方法使得它非常容易去使用,而且我也看到了它用在很多地方。它真是一个非常棒的工具,能够收集一幅图中所有的颜色,并将它们总结到几个不同种类的颜色中。我建议你阅读源码来更多地学习它!
相关文章推荐
- 客户端(android,ios)与服务器通信
- android activity状态保存
- Android log
- Android混淆
- Android中TextView的SetText()方法注意事项
- Android 百度地图SDK定位
- Android端实现用户登录
- Android 4.0新增Space及GridLayout初谈
- Android Studio简单更新方法
- Android使用ListView divider属性设置分界线,显示不出来的问题
- android开发中EditText自动获取焦点时隐藏hint的代码
- 使用GCM服务(Google Cloud Messaging)实现Android消息推送
- 使用Xcode、Android Studio将项目链接到Git
- android FLAG_ACTIVITY_CLEAR_TOP的使用
- Android framework完整源码下载
- Android任务和返回栈完全解析,细数那些你所不知道的细节
- android studio下使用SqlCipher
- java.lang.SecurityException: ConnectivityService: Neither user 10086 nor current process has android
- android md5加密和sha-1加密方法
- Android完整退出应用程序完美解决方法