我的编程空间,编程开发者的网络收藏夹
学习永远不晚

Android怎么用Palette实现提取图片颜色

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

Android怎么用Palette实现提取图片颜色

本文小编为大家详细介绍“Android怎么用Palette实现提取图片颜色”,内容详细,步骤清晰,细节处理妥当,希望这篇“Android怎么用Palette实现提取图片颜色”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

前言

Palette即调色板这个功能其实很早就发布了,Jetpack同样将这个功能也纳入其中,想要使用这个功能,需要先依赖库

implementation 'androidx.palette:palette:1.0.0'

创建Palette

创建Palette其实很简单,如下

var builder = Palette.from(bitmap)var palette = builder.generate()

这样,我们就通过一个Bitmap创建一个Pallete对象。

注意:直接使用Palette.generate(bitmap)也可以,但是这个方法已经不推荐使用了,网上很多老文章中依然使用这种方式。建议还是使用Palette.Builder这种方式。

generate()这个函数是同步的,当然考虑图片处理可能比较耗时,Android同时提供了异步函数

public AsyncTask<Bitmap, Void, Palette> generate(        @NonNull final PaletteAsyncListener listener) {

通过一个PaletteAsyncListener来获取Palette实例,这个接口如下:

public interface PaletteAsyncListener {        void onGenerated(@Nullable Palette palette);}

提取颜色

有了Palette实例,就可以通过Palette对象的相应函数就可以获取图片中的颜色,而且不只一种颜色,下面一一列举:

  • getDominantColor:获取图片中的主色调

  • getMutedColor:获取图片中柔和的颜色

  • getDarkMutedColor:获取图片中柔和的暗色

  • getLightMutedColor:获取图片中柔和的亮色

  • getVibrantColor:获取图片中有活力的颜色

  • getDarkVibrantColor:获取图片中有活力的暗色

  • getLightVibrantColor:获取图片中有活力的亮色

这些函数都需要提供一个默认颜色,如果这个颜色Swatch无效则使用这个默认颜色。光这么说不直观,我们来测试一下,代码如下:

var bitmap = BitmapFactory.decodeResource(resources, R.mipmap.a)var builder = Palette.from(bitmap)var palette = builder.generate()color0.setBackgroundColor(palette.getDominantColor(Color.WHITE))color1.setBackgroundColor(palette.getMutedColor(Color.WHITE))color2.setBackgroundColor(palette.getDarkMutedColor(Color.WHITE))color3.setBackgroundColor(palette.getLightMutedColor(Color.WHITE))color4.setBackgroundColor(palette.getVibrantColor(Color.WHITE))color5.setBackgroundColor(palette.getDarkVibrantColor(Color.WHITE))color6.setBackgroundColor(palette.getLightVibrantColor(Color.WHITE))

运行后结果如下:

Android怎么用Palette实现提取图片颜色

这样各个颜色的差别就一目了然。除了上面的函数,还可以使用getColorForTarget这个函数,如下:

@ColorIntpublic int getColorForTarget(@NonNull final Target target, @ColorInt final int defaultColor) {

这个函数需要一个Target,提供了6个静态字段,如下:

public static final Target LIGHT_VIBRANT;public static final Target VIBRANT;public static final Target DARK_VIBRANT;public static final Target LIGHT_MUTED;public static final Target MUTED;public static final Target DARK_MUTED;

其实就是对应着上面除了主色调之外的六种颜色。

文字颜色自动适配

在上面的运行结果中可以看到,每个颜色上面的文字都很清楚的显示,而且它们并不是同一种颜色。其实这也是Palette提供的功能。

通过下面的函数,我们可以得到各种色调所对应的Swatch对象:

  • getDominantSwatch

  • getMutedSwatch

  • getDarkMutedSwatch

  • getLightMutedSwatch

  • getVibrantSwatch

  • getDarkVibrantSwatch

  • getLightVibrantSwatch

注意:同上面一样,也可以通过getSwatchForTarget(@NonNull final Target target)来获取

Swatch类提供了以下函数:

  • getPopulation(): 样本中的像素数量

  • getRgb(): 颜色的RBG值

  • getHsl(): 颜色的HSL值

  • getBodyTextColor(): 能都适配这个Swatch的主体文字的颜色值

  • getTitleTextColor(): 能都适配这个Swatch的标题文字的颜色值

所以我们通过getBodyTextColor()getTitleTextColor()可以很容易得到在这个颜色上可以很好现实的标题和主体文本颜色。所以上面的测试代码完整如下:

var bitmap = BitmapFactory.decodeResource(resources, R.mipmap.a)var builder = Palette.from(bitmap)var palette = builder.generate()color0.setBackgroundColor(palette.getDominantColor(Color.WHITE))color0.setTextColor(palette.dominantSwatch?.bodyTextColor ?: Color.WHITE)color1.setBackgroundColor(palette.getMutedColor(Color.WHITE))color1.setTextColor(palette.mutedSwatch?.bodyTextColor ?: Color.WHITE)color2.setBackgroundColor(palette.getDarkMutedColor(Color.WHITE))color2.setTextColor(palette.darkMutedSwatch?.bodyTextColor ?: Color.WHITE)color3.setBackgroundColor(palette.getLightMutedColor(Color.WHITE))color3.setTextColor(palette.lightMutedSwatch?.bodyTextColor ?: Color.WHITE)color4.setBackgroundColor(palette.getVibrantColor(Color.WHITE))color4.setTextColor(palette.vibrantSwatch?.bodyTextColor ?: Color.WHITE)color5.setBackgroundColor(palette.getDarkVibrantColor(Color.WHITE))color5.setTextColor(palette.darkVibrantSwatch?.bodyTextColor ?: Color.WHITE)color6.setBackgroundColor(palette.getLightVibrantColor(Color.WHITE))color6.setTextColor(palette.lightVibrantSwatch?.bodyTextColor ?: Color.WHITE)

这样每个颜色上的文字都可以清晰的显示。

那么这个标题和主体文本颜色有什么差别,他们又是如何的到的?我们来看看源码:

@ColorIntpublic int getTitleTextColor() {    ensureTextColorsGenerated();    return mTitleTextColor;}@ColorIntpublic int getBodyTextColor() {    ensureTextColorsGenerated();    return mBodyTextColor;}

可以看到都会先执行ensureTextColorsGenerated(),它的源码如下:

private void ensureTextColorsGenerated() {    if (!mGeneratedTextColors) {        // First check white, as most colors will be dark        final int lightBodyAlpha = ColorUtils.calculateMinimumAlpha(                Color.WHITE, mRgb, MIN_CONTRAST_BODY_TEXT);        final int lightTitleAlpha = ColorUtils.calculateMinimumAlpha(                Color.WHITE, mRgb, MIN_CONTRAST_TITLE_TEXT);        if (lightBodyAlpha != -1 && lightTitleAlpha != -1) {            // If we found valid light values, use them and return            mBodyTextColor = ColorUtils.setAlphaComponent(Color.WHITE, lightBodyAlpha);            mTitleTextColor = ColorUtils.setAlphaComponent(Color.WHITE, lightTitleAlpha);            mGeneratedTextColors = true;            return;        }        final int darkBodyAlpha = ColorUtils.calculateMinimumAlpha(                Color.BLACK, mRgb, MIN_CONTRAST_BODY_TEXT);        final int darkTitleAlpha = ColorUtils.calculateMinimumAlpha(                Color.BLACK, mRgb, MIN_CONTRAST_TITLE_TEXT);        if (darkBodyAlpha != -1 && darkTitleAlpha != -1) {            // If we found valid dark values, use them and return            mBodyTextColor = ColorUtils.setAlphaComponent(Color.BLACK, darkBodyAlpha);            mTitleTextColor = ColorUtils.setAlphaComponent(Color.BLACK, darkTitleAlpha);            mGeneratedTextColors = true;            return;        }        // If we reach here then we can not find title and body values which use the same        // lightness, we need to use mismatched values        mBodyTextColor = lightBodyAlpha != -1                ? ColorUtils.setAlphaComponent(Color.WHITE, lightBodyAlpha)                : ColorUtils.setAlphaComponent(Color.BLACK, darkBodyAlpha);        mTitleTextColor = lightTitleAlpha != -1                ? ColorUtils.setAlphaComponent(Color.WHITE, lightTitleAlpha)                : ColorUtils.setAlphaComponent(Color.BLACK, darkTitleAlpha);        mGeneratedTextColors = true;    }}

通过代码可以看到,这两种文本颜色实际上要么是白色要么是黑色,只是透明度Alpha不同。

这里面有一个关键函数,即ColorUtils.calculateMinimumAlpha()

public static int calculateMinimumAlpha(@ColorInt int foreground, @ColorInt int background,        float minContrastRatio) {    if (Color.alpha(background) != 255) {        throw new IllegalArgumentException("background can not be translucent: #"                + Integer.toHexString(background));    }    // First lets check that a fully opaque foreground has sufficient contrast    int testForeground = setAlphaComponent(foreground, 255);    double testRatio = calculateContrast(testForeground, background);    if (testRatio < minContrastRatio) {        // Fully opaque foreground does not have sufficient contrast, return error        return -1;    }    // Binary search to find a value with the minimum value which provides sufficient contrast    int numIterations = 0;    int minAlpha = 0;    int maxAlpha = 255;    while (numIterations <= MIN_ALPHA_SEARCH_MAX_ITERATIONS &&            (maxAlpha - minAlpha) > MIN_ALPHA_SEARCH_PRECISION) {        final int testAlpha = (minAlpha + maxAlpha) / 2;        testForeground = setAlphaComponent(foreground, testAlpha);        testRatio = calculateContrast(testForeground, background);        if (testRatio < minContrastRatio) {            minAlpha = testAlpha;        } else {            maxAlpha = testAlpha;        }        numIterations++;    }    // Conservatively return the max of the range of possible alphas, which is known to pass.    return maxAlpha;}

它根据背景色和前景色计算前景色最合适的Alpha。这期间如果小于minContrastRatio则返回-1,说明这个前景色不合适。而标题和主体文本的差别就是这个minContrastRatio不同而已。

回到ensureTextColorsGenerated代码可以看到,先根据当前色调,计算出白色前景色的Alpha,如果两个Alpha都不是-1,就返回对应颜色;否则计算黑色前景色的Alpha,如果都不是-1,返回对应颜色;否则标题和主体文本一个用白色一个用黑色,返回对应颜色即可。

更多功能

上面我们创建Palette时先通过Palette.from(bitmap)的到了一个Palette.Builder对象,通过这个builder可以实现更多功能,比如:

  • addFilter:增加一个过滤器

  • setRegion:设置图片上的提取区域

  • maximumColorCount:调色板的最大颜色数

等等

读到这里,这篇“Android怎么用Palette实现提取图片颜色”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注编程网行业资讯频道。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

Android怎么用Palette实现提取图片颜色

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

Android怎么用Palette实现提取图片颜色

本文小编为大家详细介绍“Android怎么用Palette实现提取图片颜色”,内容详细,步骤清晰,细节处理妥当,希望这篇“Android怎么用Palette实现提取图片颜色”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知
2023-06-29

android中实现背景图片颜色渐变方法

常用,记录一下。 效果图:首先新建xml文件 bg_gradient.xml代码如下: 2022-06-06

怎么在Android中使用Drawable改变图片的颜色

今天就跟大家聊聊有关怎么在Android中使用Drawable改变图片的颜色,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。1.利用color资源对Drawable变色Drawable
2023-05-30

Android中怎么利用ProgressBar实现颜色渐变

Android中怎么利用ProgressBar实现颜色渐变,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1 . 上面的样式只是实现了颜色渐变,但它旋转和呈现的方式仍然是一个
2023-05-30

使用Opencv怎么判断颜色相似的图片

本篇文章给大家分享的是有关使用Opencv怎么判断颜色相似的图片,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。问题描述有一个项目,大体是要判断一下一篇文章内的配图突不突兀。素材
2023-06-07

java图片文字提取功能怎么实现

要实现Java的图片文字提取功能,可以使用OCR(Optical Character Recognition,光学字符识别)技术。OCR可以识别图像中的文字,并将其转换为可编辑的文本。以下是一个简单的Java代码示例,使用Tesserac
2023-10-25

使用css3怎么给背景图片加颜色遮罩

这篇文章给大家介绍使用css3怎么给背景图片加颜色遮罩,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。方法一:通过定位叠加(注意层级)
2023-06-08

android颜色渐变动画效果怎么实现

在Android中,你可以使用ValueAnimator和ArgbEvaluator类来实现颜色渐变动画效果。下面是一个简单的示例代码:1. 创建一个ValueAnimator对象并设置动画属性范围和持续时间:```javaValueAni
2023-08-18

Android怎么实现颜色渐变动画效果

本篇内容主要讲解“Android怎么实现颜色渐变动画效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Android怎么实现颜色渐变动画效果”吧!效果图:一、Android中插值器TypeEva
2023-06-30

怎么用vbs实现选择颜色

这篇文章主要介绍“怎么用vbs实现选择颜色”,在日常操作中,相信很多人在怎么用vbs实现选择颜色问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用vbs实现选择颜色”的疑惑有所帮助!接下来,请跟着小编一起来
2023-06-08

Pillow怎么实现图像的颜色空间转换

Pillow是一个Python图像处理库,可以使用它来实现图像的颜色空间转换。下面是一个示例代码,演示如何使用Pillow将一张图像从RGB色彩空间转换为灰度色彩空间:from PIL import Image# 打开图像文件img =
Pillow怎么实现图像的颜色空间转换
2024-05-22

Android利用Intent实现读取图片操作

本文实例演示如何从图库(Gallery)中读取图像并用ImageView将它显示出来,供大家参考,具体内容如下 运行本示例前,需要先利用相机模拟拍摄一些图片到图库中。 1、运行截图 2、主要设计步骤 (1)添加ch1203_Re
2022-06-06

android怎么实现点击图片切换图片

在 Android 中,可以通过给 ImageView 添加点击事件来实现点击图片切换图片的功能。下面是一个示例代码:1. 在 XML 布局文件中定义一个 ImageView:```xmlandroid:id="@+id/imageView
2023-08-18

编程热搜

  • Python 学习之路 - Python
    一、安装Python34Windows在Python官网(https://www.python.org/downloads/)下载安装包并安装。Python的默认安装路径是:C:\Python34配置环境变量:【右键计算机】--》【属性】-
    Python 学习之路 - Python
  • chatgpt的中文全称是什么
    chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,并协助人类完成一系列
    chatgpt的中文全称是什么
  • C/C++中extern函数使用详解
  • C/C++可变参数的使用
    可变参数的使用方法远远不止以下几种,不过在C,C++中使用可变参数时要小心,在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少,否则会产生访问越界,运气不好的话还会导致程序崩溃
    C/C++可变参数的使用
  • css样式文件该放在哪里
  • php中数组下标必须是连续的吗
  • Python 3 教程
    Python 3 教程 Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。 Python
    Python 3 教程
  • Python pip包管理
    一、前言    在Python中, 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具: easy_install  和  pip , 目前官方推荐使用 pip。    
    Python pip包管理
  • ubuntu如何重新编译内核
  • 改善Java代码之慎用java动态编译

目录