Android使用Palette获取图片主色调

最新推荐文章于 2024-12-16 23:14:47 发布
原创 最新推荐文章于 2024-12-16 23:14:47 发布 · 9.2k 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android #Palette

本文介绍了Android Palette库的基本用法，包括如何通过Bitmap获取颜色列表，提供了同步和异步的使用方式，并展示了如何选取特定颜色应用于UI元素。

Palette简介

Palette是Android中的调色板，我们可以通过传递一个Bitmap来获取一个颜色列表，可以通过类中封装的分析算法来获取其中的

  • Vibrant(充满活力的)
  • Vibrant dark(充满活力的黑)
  • Vibrant light(充满活力的亮)
  • Muted(柔和的)
  • Muted dark(柔和的黑)

  • Muted lighr(柔和的亮)

    也可以获取一个颜色列表，自己写算法挑选你想获取的颜色

官方APi提供两种方式
    // Synchronous
    Palette p = Palette.from(bitmap).generate();

    // Asynchronous
     Palette.from(bitmap).generate(new PaletteAsyncListener() {
     public void onGenerated(Palette p) {
        // Use generated instance
     }
     });



    使用的时候引入 

    compile 'com.android.support:palette-v7:22.2.0'


    使采用异步方式进行引用
        Palette.from(bitmap).generate(new Palette.PaletteAsyncListener() {   
        @Override
        public void onGenerated(Palette palette) {      
            Palette.Swatch swatch = palette.getMutedSwatch();
      //Palette.Swatch swatch = palette.getVibrantSwatch();
      //Palette.Swatch swatch = palette.getDarkMutedSwatch();
      //Palette.Swatch swatch = palette.getDarkVibrantSwatch();
      //Palette.Swatch swatch = palette.getLightMutedSwatch();
      //Palette.Swatch swatch = palette.getLightVibrantSwatch();
            if (swatch != null) {
                view.setBackgroundColor(swatch.getRgb());
            } else {
                Log.e("smallsoho", "swatch为空");
            }
        }
    });
github上有提供和图片加载结合的library使用起来比较简单

PicassoPalette

GlidePalette

参考资料

http://smallsoho.com/2015/07/22/Android-Palette.html
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2014/1111/1955.html
获取壁纸主色调并设置系统主题色——Android UI
IOWEL的博客
10-10 591
通过获取壁纸的主色调并将其用作系统的主题色，我们可以为 Android 应用提供一致且个性化的用户体验。本文介绍了如何使用 WallpaperManager 类获取壁纸，使用 ColorUtils 类分析壁纸的颜色，并使用 ThemeUtils 类来设置系统的主题色。在本文中，我们将探讨如何在 Android 应用中获取壁纸的主色调，并将其应用于系统的主题色。我们将使用 Android 的 WallpaperManager 类来获取壁纸，并使用 ColorUtils 类来分析壁纸的颜色。
KMean clustering算法获取图片主色调
LisztLee的专栏
01-03 3796
前几天在研究chromium代码的时候看到了一个取PNG图片主色调（dominant color）的算法，这个算法不是取图片中所有点的平均RGB值，也不是取同一RGB值最多的点的RGB。chromium中取图片主色调用的算法用的是 KMean clustering。可以算是KMean clustering的一个实际应用，chromium自己将其取名为RGB KMean Algorithm。
android 4.4 获取图片主色调,Android 使用 Palette 获取图片主色调
weixin_35830270的博客
05-28 732
Palette是Android中的调色板，我们可以通过传递一个Bitmap来获取一个颜色列表，可以通过类中封装的分析算法来获取其中的Vibrant(充满活力的)Vibrant dark(充满活力的黑)Vibrant light(充满活力的亮)Muted(柔和的)Muted dark(柔和的黑)Muted lighr(柔和的亮)也可以获取一个颜色列表，自己写算法挑选你想获取的颜色可以实现效果顾名思义...
Android 获取图像主色：Palatte 调色板
Type真是太帅了
03-23 2406
Platte是Google提供的提取图像颜色的类。Platte由Bitmap创建，并提供六种主色和对应的色样。
android取图片颜色代码,Android Palette 提取图片的主色调
weixin_31834087的博客
05-26 1691
博主声明：转载请在开头附加本文链接及作者信息，并标记为转载。本文由博主 威威喵 原创，请多支持与指教。本文首发于此 博主：威威喵 | 博客主页：https://blog.youkuaiyun.com/smile_running在 Android 应用开发中，经常会有这样的一种需求，就是状态栏的颜色要随着图片的切换，进行动态的设置颜色，而且此颜色要与图片相互融合，自然颜色不能太夸张，状态栏颜色与图片的主...
Android 使用Palette获取Gallery图片主色调
2401_89191684的博客
12-16 1073
/ 活力暗各个样本可获取详细数据：// RGB色// 图片中该样本所占的像素数// Body文字颜色// Title文字颜色效果图：代码实现，需要注意Swatch样本为null情况的处理：@Override});if (swatch!
Android 使用Palette获取Gallery图片主色调，android开发书籍
m0_64603776的博客
12-20 293
效果图： 代码实现，需要注意Swatch样本为null情况的处理： private void paletteBitmap(Bitmap bitmap) { Palette.from(bitmap).generate(new Palette.PaletteAsyncListener() { @Override public void onGenerated(Palette palette) { Palette.Swatch mutedSwatch = palette.getMutedSwatch(); up
Android使用Palette提取主色调
这个杀手不太累的博客
11-12 1050
Palette简单使用 使用场景： 状态栏或者标题栏随着界面加载不同的图片显示不同的图片色调 导包 implementation 'androidx.palette:palette:1.0.0' 获取图片色调 Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.ico_bg);//这里第2个参数为要加载的图片 Palette.from(bitmap).generate(palette -> { Palet
android 获取图片主色调
meixi_android的博客
02-06 4910
在build.gradle添加依赖 compile 'com.github.florent37:glidepalette:1.0.6' 使用 TextView tvColor=(TextView) findViewById(R.id.testte); ImageView imageView = (ImageView)findViewById(R.id.testimage); tv
Android 5.x新特性之利用Palette获取图片的主题色
帝都大勇哥
09-22 1952
在in或者快手App中你可以发现当图片未加载出来时显示的是图片的主题色，这是怎么做到的呢？下面就介绍利用Paltte实现这种效果（你可以在上传时就获取图片的主题色）： 获取Palette的v4/v7支持包： http://pan.baidu.com/s/1hqvs2xQ    http://pan.baidu.com/s/1i3Clwln    获取主题色属于耗时操作，Palette已经提供支
Android代码-GlidePalette
08-06
GlidePalette Download In your module compile 'com.github.florent37:glidepalette:2.0.1' compile 'com.github.bumptech.glide:glide:4.0.0-SNAPSHOT' Sample Glide.with(this).load(url) .listener(GlidePalette.with(url) .use(GlidePalette.Profile.MUTED_DARK) .intoBackground(textView) .intoTextColor(textView) .use(GlidePalette.Profile.VIBRANT) .intoBackground(titleView, GlidePalette.Swatch.RGB)
Android 使用Palette获取Gallery图片主色调，2024年Android开发者跳槽指南
m0_62289824的博客
03-27 1130
为什么很多程序员做不了架构师？1、良好健康的职业规划很重要，但大多数人都忽略了2、学习的习惯很重要，持之以恒才是正解。3、编程思维没能提升一个台阶，局限在了编码，业务，没考虑过选型、扩展4、身边没有好的架构师引导、培养。所处的圈子对程序员的成长影响巨大。金九银十面试季，跳槽季，整理面试题已经成了我多年的习惯！在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。
【Android Jetpack】利用Palette进行图片取色
Misdirection_XG的博客
07-04 452
Palette即调色板这个功能其实很早就发布了，Jetpack同样将这个功能也纳入其中，想要使用这个功能，需要先依赖库 本篇文章就来讲解一下如何使用Palette在图片中提取颜色。创建Palette其实很简单，如下 这样，我们就通过一个Bitmap创建一个Pallete对象。注意：直接使用也可以，但是这个方法已经不推荐使用了，网上很多老文章中依然使用这种方式。建议还是使用Palette.Builder这种方式。这个函数是同步的，当然考虑图片处理可能比较耗时，Android同时提供了异步函数 通过一个Pale
Android Lollipop：使用Palette抽取图片主色调
OCNYang
08-17 898
使用Palette抽取Bitmap主色调 关于Palette 一些Support库随着Android Lollipop的发布而诞生了，其中就有Palette。这个库可以让你很轻松地从一幅图中抽取特征颜色，这在你希望界面的颜色风格适应指定图片时非常有用，它还会提供与指定颜色相搭配的字体颜色。 Palette顾名思义调色板， Palette的作用是可以从图像中提取图片的颜色。我们可以把提取的颜色融
android 4.4 获取图片主色调,Android使用Palette获取图片主色调
weixin_42398130的博客
05-28 279
Palette简介Palette是Android中的调色板，我们可以通过传递一个Bitmap来获取一个颜色列表，可以通过类中封装的分析算法来获取其中的Vibrant(充满活力的)Vibrant dark(充满活力的黑)Vibrant light(充满活力的亮)Muted(柔和的)Muted dark(柔和的黑)Muted lighr(柔和的亮)也可以获取一个颜色列表，自己写算法挑选你想获取的颜色 ...
android图片特效之取主色
rj113的专栏
12-29 3632
有时候在布置界面的时候，配色的好坏直接关系到一个应用的美观和用户体验。如果能够自动产生一种配色使得背景与图片融为一体，那就再好不过了。而且目前，网上也有累似的功能的开源项目，可以顺手拈来。比如： https://github.com/MichaelEvans/ColorArt这里面就可以取bitmap中的包括背景色在内的多种颜色，而且效果也不错。但是，一旦图片边缘有透明的情况下，去背景色就不准了
Android Palette 提取图片的主色调
你若盛开，蜜蜂自来
09-07 4224
在 Android 应用开发中，经常会有这样的一种需求，就是状态栏的颜色要随着图片的切换，进行动态的设置颜色，而且此颜色要与图片相互融合，自然颜色不能太夸张，状态栏颜色与图片的主色调区别不能太大。 介于这种情况，Android SDK 给我们提供了这样的一个类：Palette 类，此类在 com.android.support 包下，我们要使用时，只需引入该包即可。引入方法如下： impl...
android Palette 自动识别图片颜色
kieCool的博客
07-07 1706
使用android 自带的Palette抽取Bitmap主色调 有时候为了让app ui 颜色格调一致，需要获取图片的主色调，设置为Toolbar，标题，状态栏的颜色等。 这个时候Palette 优势就体现出来了。 先上一个效果图 这图看起来很厉害，很嗨吧。 实现关键步骤 dependencies { compile 'com.android.support:
android palette组件用法,Android Material Design：使用Palette优化界面色彩搭配。
weixin_31520593的博客
05-26 223
我写过一篇博客介绍了常用Material Design控件的使用。http://www.jianshu.com/p/776cc6329fff本想把大部分的Material Design的知识点写到一个博客中，结果无奈东西太多只好分开写。这篇博客介绍的是Palette调色板的使用。源码地址：https://github.com/AxeChen/MaterialDesignSimple示例代码(由于提...
通过图片url获取图片主色
最新发布
07-16
### 获取图片主色调的实现方法 在现代Web开发中，动态获取和处理图像数据是一个常见的需求。例如，你可能希望自动提取一张图片的主色调，以便根据这些颜色进行UI主题调整或其他视觉效果的处理。这一功能可以通过前端技术如HTML5 Canvas、JavaScript库以及后端图像处理工具来实现[^1]。 #### 1. 前端实现：使用 HTML5 Canvas 和 JavaScript 在浏览器端，可以使用 `canvas` 元素来读取图像像素数据，并通过算法计算主色调。以下是一个简单的实现示例： ```html <canvas id="colorCanvas" style="display: none;"></canvas> <img id="image" src="https://example.com/image.jpg" /> ``` ```javascript const img = document.getElementById('image'); const canvas = document.getElementById('colorCanvas'); const ctx = canvas.getContext('2d'); img.onload = () => { canvas.width = img.width; canvas.height = img.height; ctx.drawImage(img, 0, 0); const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height); const pixelData = imageData.data; let r = 0, g = 0, b = 0, count = 0; for (let i = 0; i < pixelData.length; i += 4) { r += pixelData[i]; g += pixelData[i + 1]; b += pixelData[i + 2]; count++; } r = Math.round(r / count); g = Math.round(g / count); b = Math.round(b / count); console.log(`主色调 RGB: ${r}, ${g}, ${b}`); }; ``` 上述代码通过将图片绘制到隐藏的 `canvas` 上，然后读取每个像素的颜色值并计算平均值，从而得到图片的主色调。 #### 2. 微信小程序中的实现 微信小程序对网络图片的操作有限制，通常需要先将图片下载为本地临时路径，再通过画布操作来获取颜色信息。可以使用 `wx.downloadFile` 下载图片，并用 `FileSystemManager.access` 判断文件是否存在以避免重复下载[^2]。 ```javascript const downloadUrl = 'https://example.com/image.jpg'; const fs = wx.getFileSystemManager(); wx.downloadFile({ url: downloadUrl, success(res) { const tempPath = res.tempFilePath; const canvasContext = wx.createCanvasContext('myCanvas'); canvasContext.drawImage(tempPath, 0, 0, 200, 200); canvasContext.draw(false, () => { // 使用 Mini App Color Thief 包获取主色调 const colorThief = new MiniAppColorThief(); const dominantColor = colorThief.getColor(tempPath); console.log(`主色调：RGB(${dominantColor.join(',')})`); }); } }); ``` #### 3. Android 平台实现 在 Android 开发中，可以使用 Glide 库结合 Palette API 来获取图片的主色调。以下是一个使用 GlidePalette 的示例： ```java public static void loadAndPalette(Context context, String url, ImageView targetView, TextView textView) { Glide.with(context).load(url) .diskCacheStrategy(DiskCacheStrategy.SOURCE) .listener(GlidePalette.with(url) .use(GlidePalette.Profile.VIBRANT) .intoBackground(textView, GlidePalette.Swatch.RGB) .intoTextColor(textView, GlidePalette.Swatch.BODY_TEXT_COLOR) .crossfade(true)) .into(targetView); } ``` 该方法不仅加载图片，还能直接将主色调应用于背景或文本颜色[^3]。 --- ### 总结 获取图片主色调的方法因平台而异，但在 Web、微信小程序和 Android 中都有成熟的解决方案。前端可通过 Canvas 操作像素，微信小程序需先下载图片再绘图分析，Android 则可借助 Glide 和 Palette 等库高效实现。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值