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

Question

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

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

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

Answer 1

我改进了一个 Java Swing Color Picker 组件，它看起来很漂亮并且允许增强颜色操作：

只需添加 Maven 依赖项

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

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

Answer 2

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

• 显示当前选择的颜色
• 按下时打开 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 3

您可以像这样使用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 创建一个弹出窗口，但也可以将它“包含”到现有的内容窗格中。

这是初始化两个组件（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());
}