我正在尝试为我的程序创建几种类似的视觉风格,每种都有不同的颜色主题。为此,我实现了使用图标来表示JCheckBox
s 和JRadioButton
s 的不同状态。与其为每种可能的颜色制作一整套图标,有什么方法可以让我只取一组并在显示之前更改图像的色相/饱和度/亮度/alpha?
7 回答
有一种方法,但您必须使用一些 BufferedImage 转换。创建它们后,将它们缓存或保存以供以后轻松重复使用。本质上,您希望从仅使用 Alpha 层关闭像素(也提供平滑抗锯齿)的黑色图像(源颜色 #000000)开始。例如,在您的源图像中,每个像素都是黑色的,但 Alpha 通道因像素而异。
首先,阅读这篇文章了解一些背景信息:http ://www.javalobby.org/articles/ultimate-image/
完成该入门后,您需要将图像加载到 BufferedImage 中:
BufferedImage loadImg = ImageUtil.loadImage("C:/Images/myimg.png");
接下来,您需要创建一个新的 BufferedImage 以将其转换为:
public BufferedImage colorImage(BufferedImage loadImg, int red, int green, int blue) {
BufferedImage img = new BufferedImage(loadImg.getWidth(), loadImg.getHeight(),
BufferedImage.TRANSLUCENT);
Graphics2D graphics = img.createGraphics();
Color newColor = new Color(red, green, blue, 0 /* alpha needs to be zero */);
graphics.setXORMode(newColor);
graphics.drawImage(loadImg, null, 0, 0);
graphics.dispose();
return img;
}
本质上,setXORMode 会将您提供的颜色与源图像中的颜色进行异或。如果源图像是黑色的,那么您提供的任何颜色都将按照您指定的方式写入。对于 Alpha 通道使用“0”的新颜色,原始的 Alpha 通道值将得到尊重。最终结果是您正在寻找的复合材料。
编辑:
您可以通过以下两种方式之一加载初始 BufferedImage。最简单的方法是使用 Java 较新的 ImageIO API: http: //download.oracle.com/javase/6/docs/api/javax/imageio/ImageIO.html将文件直接加载到 BufferedImage。调用看起来像这样:
BufferedImage img = ImageIO.read(url);
或者,您可以创建一个方法来使用 ToolKit 读取图像。
public BufferedImage loadImage(String url) {
ImageIcon icon = new ImageIcon(url);
Image image = icon.getImage();
// Create empty BufferedImage, sized to Image
BufferedImage buffImage =
new BufferedImage(
image.getWidth(null),
image.getHeight(null),
BufferedImage.TYPE_INT_ARGB);
// Draw Image into BufferedImage
Graphics g = buffImage.getGraphics();
g.drawImage(image, 0, 0, null);
return buffImage;
}
当然,如果你注意的话,我们必须做完全相同的事情来将图像读入缓冲图像,就像我们给它着色一样。简而言之,如果您更改了colorImage
方法的签名以接受Image
对象,您只需对 getWidth() 和 getHeight() 方法进行一些更改即可使其工作。
要计算每个颜色分量的平均值并保持原始 alpha:
public static void tint(BufferedImage image, Color color) {
for (int x = 0; x < image.getWidth(); x++) {
for (int y = 0; y < image.getHeight(); y++) {
Color pixelColor = new Color(image.getRGB(x, y), true);
int r = (pixelColor.getRed() + color.getRed()) / 2;
int g = (pixelColor.getGreen() + color.getGreen()) / 2;
int b = (pixelColor.getBlue() + color.getBlue()) / 2;
int a = pixelColor.getAlpha();
int rgba = (a << 24) | (r << 16) | (g << 8) | b;
image.setRGB(x, y, rgba);
}
}
}
这最适合我的情况。
public static void tint(BufferedImage img) {
for (int x = 0; x < img.getWidth(); x++) {
for (int y = 0; y < img.getHeight(); y++) {
Color color = new Color(img.getRGB(x, y));
// do something with the color :) (change the hue, saturation and/or brightness)
// float[] hsb = new float[3];
// Color.RGBtoHSB(color.getRed(), old.getGreen(), old.getBlue(), hsb);
// or just call brighter to just tint it
Color brighter = color.brighter();
img.setRGB(x, y, brighter.getRGB());
}
}
}
最简单的方法是使用JH Labs 的图像过滤器。您可以通过调用简单地调整 HSB,
public BufferedImage setHSB(BufferedImage source, float hValue, float sValue, float bValue) {
com.jhlabs.image.HSBAdjustFilter hsb hsb = new HSBAdjustFilter();
BufferedImage destination = hsb.createCompatibleDestImage(source, null);
hsb.setHFactor(hValue);
hsb.setSFactor(sValue);
hsb.setBFactor(bValue);
BufferedImage result = hsb.filter(bi, destination);
return result;
}
我尝试了此页面上的所有解决方案,但没有运气。Xor one(已接受的答案)对我不起作用-无论论点如何,都将其染成奇怪的黄色,而不是我作为论点给出的颜色。我终于找到了一种适合我的方法,虽然它有点乱。想我会添加它,以防其他人遇到与其他解决方案相同的问题。干杯!
/** Tints the given image with the given color.
* @param loadImg - the image to paint and tint
* @param color - the color to tint. Alpha value of input color isn't used.
* @return A tinted version of loadImg */
public static BufferedImage tint(BufferedImage loadImg, Color color) {
BufferedImage img = new BufferedImage(loadImg.getWidth(), loadImg.getHeight(),
BufferedImage.TRANSLUCENT);
final float tintOpacity = 0.45f;
Graphics2D g2d = img.createGraphics();
//Draw the base image
g2d.drawImage(loadImg, null, 0, 0);
//Set the color to a transparent version of the input color
g2d.setColor(new Color(color.getRed() / 255f, color.getGreen() / 255f,
color.getBlue() / 255f, tintOpacity));
//Iterate over every pixel, if it isn't transparent paint over it
Raster data = loadImg.getData();
for(int x = data.getMinX(); x < data.getWidth(); x++){
for(int y = data.getMinY(); y < data.getHeight(); y++){
int[] pixel = data.getPixel(x, y, new int[4]);
if(pixel[3] > 0){ //If pixel isn't full alpha. Could also be pixel[3]==255
g2d.fillRect(x, y, 1, 1);
}
}
}
g2d.dispose();
return img;
}
这不完全是着色,它更像是在上面应用另一层,但它对我有用:
public static BufferedImage colorImage(BufferedImage loadImg, int red, int green, int blue, int alpha /*Also the intesity*/) {
Graphics g = loadImg.getGraphics();
g.setColor(new Color(red, green, blue, alpha));
g.fillRect(0, 0, loadImg.getWidth(), loadImg.getHeight());
g.dispose();
return loadImg;
}
因为无论出于何种原因,我发现的所有方法都对我不起作用,所以这是一种简单的方法来解决这个问题(不需要额外的库):
/**
* Colors an image with specified color.
* @param r Red value. Between 0 and 1
* @param g Green value. Between 0 and 1
* @param b Blue value. Between 0 and 1
* @param src The image to color
* @return The colored image
*/
protected BufferedImage color(float r, float g, float b, BufferedImage src) {
// Copy image ( who made that so complicated :< )
BufferedImage newImage = new BufferedImage(src.getWidth(), src.getHeight(), BufferedImage.TRANSLUCENT);
Graphics2D graphics = newImage.createGraphics();
graphics.drawImage(src, 0, 0, null);
graphics.dispose();
// Color image
for (int i = 0; i < newImage.getWidth(); i++) {
for (int j = 0; j < newImage.getHeight(); j++) {
int ax = newImage.getColorModel().getAlpha(newImage.getRaster().getDataElements(i, j, null));
int rx = newImage.getColorModel().getRed(newImage.getRaster().getDataElements(i, j, null));
int gx = newImage.getColorModel().getGreen(newImage.getRaster().getDataElements(i, j, null));
int bx = newImage.getColorModel().getBlue(newImage.getRaster().getDataElements(i, j, null));
rx *= r;
gx *= g;
bx *= b;
newImage.setRGB(i, j, (ax << 24) | (rx << 16) | (gx << 8) | (bx << 0));
}
}
return newImage;
}
黑色图像将始终保持黑色,但白色图像将是您指定的颜色。该方法遍历每个像素,并将图像的红绿蓝值与参数相乘。这是 OpenGL glColor3f()方法的确切行为。R、G 和 B 参数必须为 0.0F 到 1.0F。
这种方法对 alpha 值没有问题。