单击按钮时如何显示颜色选择器？

Question

我正在制作一个绘制一些形状并用颜色填充它们的程序。我需要更改“线条”颜色，并希望用户能够选择颜色。

单击“选择颜色”按钮时，如何在按钮下方显示一组颜色？选择器是否可以嵌入按钮下方的UI中（而不是在窗口中弹出）？

我想在Paint中显示一个颜色选择器。

Answer 1

这是一个颜色选择按钮类：

• 显示当前选定的颜色
• 按下时打开JColorChooser对话框
• 选择颜色时触发事件

以这种方式使用它：

ColorChooserButton colorChooser = new ColorChooserButton(Color.WHITE);
colorChooser.addColorChangedListener(new ColorChangedListener() {
    @Override
    public void colorChanged(Color newColor) {
            // do something with newColor ...
    }
});

    import java.awt.Color;
    import java.awt.Graphics2D;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    import java.awt.image.BufferedImage;
    import java.util.ArrayList;
    import java.util.List;

    import javax.swing.ImageIcon;
    import javax.swing.JButton;
    import javax.swing.JColorChooser;

    public class ColorChooserButton extends JButton {

        private Color current;

        public ColorChooserButton(Color c) {
            setSelectedColor(c); 
            addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent arg0) {
                    Color newColor = JColorChooser.showDialog(null, "Choose a color", current);
                    setSelectedColor(newColor);
                }
            });
        }

        public Color getSelectedColor() {
            return current;
        }

        public void setSelectedColor(Color newColor) {
            setSelectedColor(newColor, true);
        }

        public void setSelectedColor(Color newColor, boolean notify) {

            if (newColor == null) return;

            current = newColor;
            setIcon(createIcon(current, 16, 16));
            repaint();

            if (notify) {
                // Notify everybody that may be interested.
                for (ColorChangedListener l : listeners) {
                    l.colorChanged(newColor);
                }
            }
        }

        public static interface ColorChangedListener {
            public void colorChanged(Color newColor);
        }

        private List<ColorChangedListener> listeners = new ArrayList<ColorChangedListener>();

        public void addColorChangedListener(ColorChangedListener toAdd) {
            listeners.add(toAdd);
        }

        public static  ImageIcon createIcon(Color main, int width, int height) {
            BufferedImage image = new BufferedImage(width, height, java.awt.image.BufferedImage.TYPE_INT_RGB);
            Graphics2D graphics = image.createGraphics();
            graphics.setColor(main);
            graphics.fillRect(0, 0, width, height);
            graphics.setXORMode(Color.DARK_GRAY);
            graphics.drawRect(0, 0, width-1, height-1);
            image.flush();
            ImageIcon icon = new ImageIcon(image);
            return icon;
        }
    }

Answer 2

你可以像这样使用JColorChooser：

Color newColor = JColorChooser.showDialog(null, "Choose a color", Color.RED);

• 第一个参数是父java.awt.Component实例。也可能是null。
• 第二个参数是对话框的标题。
• 第三个参数是它应该选择的默认颜色。

如果用户按下ok或null，如果他点击cancel，该对话框将返回所选颜色。

有关更多信息，请参阅此页面：http://docs.oracle.com/javase/tutorial/uiswing/components/colorchooser.html。

编辑：将ColorChooser包含到现有内容窗格中

上面的代码显示了如何为JColorChooser创建一个弹出窗口，但也可以将它“包含”到现有的contentpane中。

这是初始化两个组件的代码（JButton和JColorChooser）：

button = new JButton("Choose color");
button.addActionListener(new ActionListener() {
    public void actionPerformed(ActionEvent arg0) {
        toggleColorChooser(); // show and hide the color chooser
    }
});
button.setBounds(10, 11, 150, 23);
contentPane.add(button);

colorChooser = new JColorChooser(Color.BLACK); // default color is black
colorChooser.setBorder(null);
colorChooser.getSelectionModel().addChangeListener(new ChangeListener() {
    public void stateChanged(ChangeEvent e) {
        colorChanged(); // change background color of "button"
    }
});

该按钮将立即添加，但颜色选择器尚未添加。它将在toggleColorChooser方法中添加：

protected void toggleColorChooser() {
    if (toggled) {
        contentPane.remove(colorChooser);
    } else {
        colorChooser.setBounds(button.getX(), button.getY() + 20, 600, 300);
        colorChooser.setVisible(true);
        contentPane.add(colorChooser);
    }
    toggled = !toggled;
    contentPane.validate();
    contentPane.repaint();
}

颜色选择器将添加到按钮下方的面板中。如果您有不同的布局或者您正在使用布局管理器，则可以更改边界。

如您所见，您需要一个名为toggled的变量。只需将其添加为类变量：

private boolean toggled = false;

最后一种方法将被称为用户选择颜色选择器上的颜色。它会改变按钮的背景颜色：

protected void colorChanged() {
    button.setBackground(colorChooser.getSelectionModel().getSelectedColor());
}

Answer 3

我改进了一个看起来漂亮的Java Swing拾色器组件并允许增强的颜色操作：

只需添加Maven依赖项

<dependency>
  <groupId>org.drjekyll</groupId>
  <artifactId>colorpicker</artifactId>
  <version>1.3</version>
</dependency>

到你的项目。现在，您可以将ColorPickerPanel添加到用户界面。