使用Palette提取图片的颜色信息

使用Palette提取图片的颜色信息

在android L之后就可以在导入android support v7 palette jar 包就可以使用Palette来获取图片中的颜色.

由于需要在锁屏页面根据锁屏壁纸的颜色来适配相关图标的颜色和字体颜色,所以就了解了一下Palette的使用,当然不是要 Palette也是可以实现这个需求的.后面也会记录一下使用其他方法实现这个需求.

1.Palette的创建和使用

   
   
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 {
			
			}
		}
	});
}

上面是一种基本的使用方法,而且是使用的异步方法.其实还有其他方法来创建Palette

两种同步方法：

    
    
// 最好在加载图片线程中使用
// 默认调色板大小(16).
Palette p = Palette.generate(bitmap);
//设置调色板大小(24)
Palette p = Palette.generate(bitmap, 24);

两种异步方法：

    
    
// 简单快速的实现方法，内部使用AsyncTask
// 但是可能不是最优的方法(因为有线程的切换)
// 默认调色板大小(16).
Palette.generateAsync(bitmap, new Palette.PaletteAsyncListener() {
    @Override
    public void onGenerated(Palette palette) {
        // palette为生成的调色板
    }
});
// 设置调色板大小(24)
Palette.generateAsync(bitmap, 24, new Palette.PaletteAsyncListener() {
    @Override
    public void onGenerated(Palette palette) {
        // palette为生成的调色板
    }
});

以上在早期(android L出来时)可以使用的方法,但是在android M出来时又更新了android support v7 包,也可以使用Palette.Builder().

    
    
//首先获取一个Palette.Builder（稍后用到）
Palette.Builder b = new Palette.Builder(bitmap);
//设置好我们需要获取到多少种颜色
b.maximumColorCount(1);
//异步的进行颜色分析
b.generate(new Palette.PaletteAsyncListener() {
	@Override
	public void onGenerated(Palette palette) {
		//获取颜色列表的第一个
		Palette.Swatch swatch = palette.getSwatches().get(0);
		if (swatch != null) {
			view.setBackgroundColor(swatch.getRgb());
		} else {

		}
	}
});

2.可以使用Paltette来那些颜色

生成了Palette对象后就可以尝试获取六种不同的色板，具体如下：

    
    
Palette.Swatch s1 = Palette.getVibrantSwatch(); //充满活力的色板
Palette.Swatch s2 = Palette.getDarkVibrantSwatch(); //充满活力的暗色类型色板 
Palette.Swatch s3 = Palette.getLightVibrantSwatch(); //充满活力的亮色类型色板
Palette.Swatch s4 = Palette.getMutedSwatch(); //黯淡的色板
Palette.Swatch s5 = Palette.getDarkMutedSwatch(); //黯淡的暗色类型色板
Palette.Swatch s6 = Palette.getLightMutedSwatch(); //黯淡的亮色类型色板

获取到色板(Swatch)对象之后就可以使用它来获取各种颜色

 getPopulation(): the number of pixels represented by this swatch

getRgb(): the RGB value of this color.

getHsl(): the HSL value of this color.

getBodyTextColor(): the RGB value of a text color which can be displayed on top of this color.

getTitleTextColor(): the RGB value of a text color which can be displayed on top of this color.

3.实际需求应用

在前面说到的需求用上面的相关的api实际开发的时候会发现效果不理想.因为如果一张壁纸颜色比较花的时候也就是颜色类似很多的时候会出现使用Swatch 获取相关的颜色效果不理想.

我们为了获取的颜色值更理想,所以我们就只获取一个Swatch 色板对象,因为默认是获取16个,这16个颜色获取的顺序是根据颜色占的比例多少和亮暗来排序.

我们自己可以设置这个数量,但这个实际能获取到的数量也会和图片中颜色种类有关.

我们如果只获取一种Swatch 色板,获取到的颜色就肯定是很渐进我们想要值.

方法1:(android L发布的support v7 包支持)

     
     
setContentView(R.layout.palette_layout);
final View root_ll = this.findViewById(R.id.root_ll);
final TextView main_color = (TextView) this.findViewById(R.id.main_color);
WallpaperManager wallpaperManager = (WallpaperManager) this.getSystemService(Context.WALLPAPER_SERVICE);
Drawable wallpapaer = wallpaperManager.getDrawable();
Bitmap bitmap = ((BitmapDrawable) wallpapaer).getBitmap();
Palette.generateAsync(bitmap, 1, new Palette.PaletteAsyncListener() {
	@Override
	public void onGenerated(Palette palette) {
		// palette为生成的调色板
		//获取颜色列表的第一个
		Palette.Swatch swatch = palette.getSwatches().get(0);
		main_color.setText("" +"壁纸的主要颜色=" + Integer.toHexString(swatch.getRgb()) + "\n合适的字体颜色=" +Integer.toHexString(swatch.getTitleTextColor()));
		main_color.setTextColor(swatch.getTitleTextColor());
		root_ll.setBackgroundColor(swatch.getRgb());
	}
});

方法2:(android M发布的support v7 包支持)

     
     
Palette.Builder b = new Palette.Builder(bitmap);
//设置好我们需要获取到多少种颜色
b.maximumColorCount(1);
//异步的进行颜色分析
b.generate(new Palette.PaletteAsyncListener() {
	@Override
	public void onGenerated(Palette palette) {
		
	}
});

获取了壁纸中的主要颜色和合适在这个颜色上面显示的字体颜色之后我们只要判断这个颜色是渐进白色还是接近黑色就可以使用ImageView.setColorFilter(int color)来滤掉锁屏上面相关Imageview控件颜色.字体就直接重新设置一下字体的颜色就可以了.当然我们还要监听壁纸的改变.

关于颜色过滤这个部分之前在SystemUI 模块部分也有记录,可以直接参考.