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

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

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

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

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

  • 显示当前选定的颜色
  • 按下时打开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 listeners = new ArrayList(); 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; } } 

您可以像这样使用JColorChooser

 Color newColor = JColorChooser.showDialog(null, "Choose a color", Color.RED); 
  • 第一个参数是父java.awt.Component实例。 也可以为null
  • 第二个参数是对话框的标题。
  • 第三个参数是它应该选择的默认颜色。

如果用户按下ok则对话框返回所选颜色;如果单击cancel则返回null

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

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

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

这是初始化两个组件的代码( JButtonJColorChooser ):

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

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

在此处输入图像描述

只需添加Maven依赖项

  org.drjekyll colorpicker 1.3  

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