JColorChooser dialog with a custom preview pane. : Color Chooser « Swing JFC « Java

JColorChooser dialog with a custom preview pane.

JColorChooser dialog with a custom preview pane.
Java Swing, 2nd Edition
By Marc Loy, Robert Eckstein, Dave Wood, James Elliott, Brian Cole
ISBN: 0-596-00408-7
Publisher: O'Reilly 
// ColorPicker3.java
//A quick test of the JColorChooser dialog. This example adds a custom
//preview pane.

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Container;
import java.awt.GridLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

import javax.swing.Icon;
import javax.swing.JButton;
import javax.swing.JColorChooser;
import javax.swing.JDialog;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JSlider;
import javax.swing.JTextField;
import javax.swing.SwingConstants;
import javax.swing.colorchooser.AbstractColorChooserPanel;
import javax.swing.event.ChangeEvent;
import javax.swing.event.ChangeListener;

public class ColorPicker3 extends JFrame {

  Color c;

  public ColorPicker3() {
    super("JColorChooser Test Frame");
    setSize(200, 100);
    final JButton go = new JButton("Show JColorChoser");
    final Container contentPane = getContentPane();
    go.addActionListener(new ActionListener() {
      final JColorChooser chooser = new JColorChooser();

      boolean first = true;

      public void actionPerformed(ActionEvent e) {
        if (first) {
          first = false;
          GrayScalePanel gsp = new GrayScalePanel();
          chooser.setPreviewPanel(new CustomPane());
        JDialog dialog = JColorChooser.createDialog(ColorPicker3.this,
            "Demo 3", true, chooser, new ActionListener() {
              public void actionPerformed(ActionEvent e) {
                c = chooser.getColor();
            }, null);
    contentPane.add(go, BorderLayout.SOUTH);
    // addWindowListener(new BasicWindowMonitor()); // 1.1 & 1.2

  public class CustomPane extends JPanel {
    JLabel j1 = new JLabel("This is a custom preview pane", JLabel.CENTER);

    JLabel j2 = new JLabel("This label previews the background",

    public CustomPane() {
      super(new GridLayout(0, 1));

    public void setForeground(Color c) {
      if (j1 != null) {

  public static void main(String args[]) {
    ColorPicker3 cp3 = new ColorPicker3();

//A simple implementation of the AbstractColorChooserPanel class. This class
//provides a slider and a textfield for picking out a shade of gray.

class GrayScalePanel extends AbstractColorChooserPanel implements
    ChangeListener, ActionListener {

  JSlider scale;

  JTextField percentField;

  // Set up our list of grays. We'll assume we have all 256 possible shades,
  // and we'll do it when the class is loaded.
  static Color[] grays = new Color[256];
  static {
    for (int i = 0; i < 256; i++) {
      grays[i] = new Color(i, i, i);

  public GrayScalePanel() {
    setLayout(new GridLayout(0, 1));

    // create the slider and attach us as a listener
    scale = new JSlider(JSlider.HORIZONTAL, 0, 255, 128);

    // Set up our display for the chooser
    add(new JLabel("Pick your shade of gray:", JLabel.CENTER));
    JPanel jp = new JPanel();
    jp.add(new JLabel("Black"));
    jp.add(new JLabel("White"));

    JPanel jp2 = new JPanel();
    percentField = new JTextField(3);
    jp2.add(new JLabel("%"));

  // We did this work in the constructor so we can skip it here.
  protected void buildChooser() {

  // Make sure the slider is in sync with the other panels.
  public void updateChooser() {
    Color c = getColorSelectionModel().getSelectedColor();

  protected int toGray(Color c) {
    int r = c.getRed();
    int g = c.getGreen();
    int b = c.getBlue();
    // Grab the luminance the same way GIMP does...
    return (int) Math.round(0.3 * r + 0.59 * g + 0.11 * b);

  // Pick a name for our tab in the chooser
  public String getDisplayName() {
    return "Gray Scale";

  // No need for an icon.
  public Icon getSmallDisplayIcon() {
    return null;

  public Icon getLargeDisplayIcon() {
    return null;

  // And lastly, update the selection model as our slider changes.
  public void stateChanged(ChangeEvent ce) {
        + (100 - (int) Math.round(scale.getValue() / 2.55)));

  public void actionPerformed(ActionEvent ae) {
    int val = 100 - Integer.parseInt(ae.getActionCommand());
    getColorSelectionModel().setSelectedColor(grays[(int) (val * 2.55)]);


Related examples in the same category

1.JColorChooser dialog with the custom GrayScalePanel picker tab.JColorChooser dialog with the custom GrayScalePanel picker tab.
2.A quick test of the JColorChooser dialogA quick test of the JColorChooser dialog
3.ColorChooser Sample 1ColorChooser Sample 1
4.Color Chooser DemoColor Chooser Demo
5.System Color ChooserSystem Color Chooser
6.JColorChooser demoJColorChooser demo
7.ColorChooser Demo 2ColorChooser Demo 2
8.Swing ColorChooser DemoSwing ColorChooser Demo
9.Setting the Order of the Color Chooser Panel Tabs in a JColorChooser Dialog
10.Removing a Color Chooser Panel from a JColorChooser Dialog
11.Preview pane simply displays the currently selected color.
12.Retrieving the Color Chooser Panels in a JColorChooser Dialog
13.Customizing the Preview Panel of a JColorChooser Dialog
14.Getting and Setting the Selected Color in a JColorChooser Dialog
15.Creating a JColorChooser Dialog
16.Listening for Changes to the Selected Color in a JColorChooser Dialog
17.Listening for OK and Cancel Events in a JColorChooser Dialog
18.Removing the Preview Panel from a JColorChooser Dialog
19.Adding a Custom Color Chooser Panel to a JColorChooser Dialog
20.extends AbstractColorChooserPanelextends AbstractColorChooserPanel
21.Choose foreground or background color
22.A panel with buttons to pop up three types of color choosers