如何根据用户操作更改图标的颜色？

Question

我正在编写一个应用程序，用户可以通过选择一种新颜色来更改屏幕上图像的颜色。我有一个简单的图像 - 只有 40x40 - 像这样：

我尝试了很多东西：像素替换、ColorModel、RGBFilter 等。我无法弄清楚这个图像的内容。在尝试的过程中，我了解了 BufferedImage，我可以将 .png 转换为该格式并显示在屏幕上。我可以使用像素替换将形状变成纯色斑点，但结果很糟糕。

根据我收集到的信息，我想使用 ColorModel 或 Filter，但我很难过。这是一个简单的应用程序，可以演示我的位置。

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JColorChooser;
import javax.swing.JFrame;
import javax.swing.JLabel;


public class ChangeImageColor {
  public static void main(String[] args) {
    final ChangeColor cc = new ChangeColor();
    java.awt.EventQueue.invokeLater( new Runnable() { @Override
      public void run() { cc.setVisible( true ); }}
    ); // invokeLater
  } // main
} // ChangeImageColor

  class ChangeColor extends JFrame {
    String  CHAR_HEAD    = "res/images/char/Head.png";
    JLabel  imageHead    = new JLabel( new ImageIcon( CHAR_HEAD ) );
    JButton buttonChoose = new JButton( "Choose Color" );

    public ChangeColor() {
      this.setSize( 200, 200 );
      this.setLayout( new BorderLayout() );

      buttonChoose.addActionListener( listenerButton );

      this.add( imageHead, BorderLayout.CENTER );
      this.add( buttonChoose, BorderLayout.SOUTH );
    } // constructor

    ActionListener listenerButton = new ActionListener() {
      @Override public void actionPerformed( ActionEvent event ) {
        Color newColor = JColorChooser.showDialog( null, "Choose Color", Color.RED );
        ImageIcon icon = new ImageIcon( CHAR_HEAD );

        System.out.println( "~" + newColor );

        // *****************
        // insert code to change color of Head.png to shades of chosen color
        // *****************

        imageHead.setIcon( icon );
      } // actionPerformed
    };

  } // class

（我从来没有使用过动态颜色和图像，所以我有点不知所措。在此先感谢您的帮助。）

编辑：这是选择较深颜色后我想要的“之前”和“之后”图像：

Answer 1

也许有一个更优雅、更高效的版本，但如果你有一个 BufferedImage，你可以尝试如下：

BufferedImage image;
for(int y = 0; y < image.getHeight(); y++)
    for(int x = 0; x < image.getWidth(); x++)
    {
        Color imageColor = new Color(image.getRGB(x, y));
        //mix imageColor and desired color 
        image.setRGB(x, y, imageColor.getRGB());
    }

也许这是真正的问题：混合两种颜色可以通过将它们相乘来完成......

编辑：

private Color multiply(Color color1, Color color2)
{
    float[] color1Components = color1.getRGBComponents(null);   
    float[] color2Components = color2.getRGBColorComponents(null);
    float[] newComponents = new float[3]; 

    for(int i = 0; i < 3; i++)
        newComponents[i] = color1Components[i] * color2Components[i];

    return new Color(newComponents[0], newComponents[1], newComponents[2],
        color1Components[3]);
}

Answer 2

如果您提前知道想要的颜色，可以使用LookupOp 和LookupTable。示例可以在Using the Java 2D LookupOp Filter Class to Process Images 和Image processing with Java 2D 中找到。

如果没有，darker() 或 getHSBColor() 可能会有所帮助，如 BufferedImage 上下文中的 here 所示。