Применение оттенка к изображению в Java - PullRequest
22 голосов
/ 22 ноября 2010

Я пытаюсь создать несколько похожих визуальных стилей для своих программ, каждая из которых имеет свою цветовую тему.Для этого я реализовал использование значков для представления различных состояний JCheckBox s и JRadioButton s.Вместо того, чтобы делать один полный набор иконок для каждого возможного цвета, могу ли я взять один набор и изменить оттенок / насыщенность / яркость / альфа изображения перед его отображением?

Ответы [ 7 ]

13 голосов
/ 22 ноября 2010

Есть способ, но вам придется использовать некоторые преобразования BufferedImage. После того, как вы их создадите, сохраните их в кеш-памяти или сохраните для последующего использования. По сути, вы хотите начать с черного изображения (исходный цвет # 000000), в котором альфа-слой используется только для отключения пикселей (также обеспечивая плавное сглаживание). Например, в исходном изображении каждый пиксель черный, но альфа-канал отличается от пикселя к пикселю.

Во-первых, прочтите эту статью для получения дополнительной информации: 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 будет XOR цвета, который вы предоставляете с цветом в исходном изображении. Если исходное изображение черное, то любой цвет, который вы предоставите, будет записан так, как вы его укажете. С новым цветом, использующим «0» для альфа-канала, будут сохранены исходные значения альфа-канала. Конечный результат - это композит, который вы ищете.

Edit:

Вы можете загрузить начальный BufferedImage одним из двух способов. Самый простой - использовать более новый API ImageIO Java: 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 (), чтобы он заработал.

4 голосов
/ 22 ноября 2010
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());
        }
    }
}
3 голосов
/ 20 апреля 2016

Чтобы рассчитать среднее значение для каждого компонента цвета и сохранить исходную альфа:

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

Это лучше всего подходит для моего случая.

2 голосов
/ 22 января 2014

Самый простой способ сделать это - использовать Фильтры изображений от 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;
}
1 голос
/ 20 декабря 2014

Я испробовал все решения на этой странице, не повезло.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;
}
0 голосов
/ 01 апреля 2015

Поскольку все методы, которые я нашел, не работали для меня по любой причине, вот простой способ приблизиться к этому (не нужно никаких дополнительных библиотек):

/**
 * 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.

Этот метод не имеет проблем с альфа-значениями.

0 голосов
/ 23 сентября 2013

Это не совсем тонировка, это больше похоже на нанесение на него другого слоя, но это работает для меня:

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;
}
...