• 追加された行はこの色です。
  • 削除された行はこの色です。
---
category: swing
folder: ColorComboBox
title: JComboBoxの色を変更
tags: [JComboBox, ListCellRenderer, JTextField]
author: aterai
pubdate: 2005-01-10
pubdate: 2005-01-10T01:48:08+09:00
description: JComboBoxのEditor部分と、List部分の色を変更します。
image: https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTJhY0CAaI/AAAAAAAAAUg/J70FCr-EUlI/s800/ColorComboBox.png
hreflang:
    href: http://java-swing-tips.blogspot.com/2009/06/color-jcombobox.html
    href: https://java-swing-tips.blogspot.com/2009/06/color-jcombobox.html
    lang: en
---
* 概要 [#jce4ead6]
* 概要 [#summary]
`JComboBox`の`Editor`部分と、`List`部分の色を変更します。

#download(https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTJhY0CAaI/AAAAAAAAAUg/J70FCr-EUlI/s800/ColorComboBox.png)

* サンプルコード [#b2f19a3d]
* サンプルコード [#sourcecode]
#code(link){{
class AlternateRowColorComboBox<E> extends JComboBox<E> {
  private static final Color EVEN_BGCOLOR = new Color(225, 255, 225);
  private static final Color ODD_BGCOLOR  = new Color(255, 255, 255);
  private static final Color EVEN_BGC = new Color(0xE1_FF_E1);
  private static final Color ODD_BGC = Color.WHITE;
  private transient ItemListener itemColorListener;

  public AlternateRowColorComboBox() {
    super();
  protected AlternateRowColorComboBox(ComboBoxModel<E> model) {
    super(model);
  }
  public AlternateRowColorComboBox(ComboBoxModel<E> aModel) {
    super(aModel);
  }
  public AlternateRowColorComboBox(E[] items) {
    super(items);
  }
  @Override public void setEditable(boolean aFlag) {
    super.setEditable(aFlag);
    if (aFlag) {
      JTextField field = (JTextField) getEditor().getEditorComponent();
      field.setOpaque(true);

  @Override public void setEditable(boolean flag) {
    super.setEditable(flag);
    Component field = getEditor().getEditorComponent();
    if (flag && field instanceof JComponent) {
      ((JComponent) field).setOpaque(true);
      field.setBackground(getAlternateRowColor(getSelectedIndex()));
    }
  }

  @Override public void updateUI() {
    removeItemListener(itemColorListener);
    super.updateUI();
    setRenderer(new DefaultListCellRenderer() {
      @Override public Component getListCellRendererComponent(
          JList list, Object value, int index, boolean isSelected, boolean cellHasFocus) {
        JLabel c = (JLabel) super.getListCellRendererComponent(
            list, value, index, isSelected, cellHasFocus);
        c.setOpaque(true);
        if (!isSelected) {
          c.setBackground(getAlternateRowColor(index));
        }
        return c;
    ListCellRenderer<? super E> r = getRenderer();
    setRenderer((list, value, index, isSelected, cellHasFocus) -> {
      Component c = r.getListCellRendererComponent(list, value, index, isSelected, cellHasFocus);
      if (index >= 0 && c instanceof JComponent) {
        ((JComponent) c).setOpaque(true);
      }
      if (!isSelected) {
        c.setBackground(getAlternateRowColor(index));
      }
      return c;
    });
    if (itemColorListener == null) {
      itemColorListener = new ItemListener() {
        @Override public void itemStateChanged(ItemEvent e) {
          if (e.getStateChange() != ItemEvent.SELECTED) {
            return;
          }
          JComboBox cb = (JComboBox) e.getItemSelectable();
          Color rc = getAlternateRowColor(cb.getSelectedIndex());
          if (cb.isEditable()) {
            JTextField field = (JTextField) cb.getEditor().getEditorComponent();
            field.setBackground(rc);
          } else {
            cb.setBackground(rc);
          }
        }
      };
    }
    itemColorListener = e -> {
      if (e.getStateChange() != ItemEvent.SELECTED) {
        return;
      }
      JComboBox<?> cb = (JComboBox<?>) e.getItemSelectable();
      Color rc = getAlternateRowColor(cb.getSelectedIndex());
      if (cb.isEditable()) {
        cb.getEditor().getEditorComponent().setBackground(rc);
      } else {
        cb.setBackground(rc);
      }
    };
    addItemListener(itemColorListener);
    JTextField field = (JTextField) getEditor().getEditorComponent();
    if (field != null) {
      field.setOpaque(true);
      field.setBackground(getAlternateRowColor(getSelectedIndex()));
    }
    EventQueue.invokeLater(() -> {
      Component c = getEditor().getEditorComponent();
      c.setBackground(getAlternateRowColor(getSelectedIndex()));
      if (c instanceof JComponent) {
        ((JComponent) c).setOpaque(true);
      }
    });
  }
  private static Color getAlternateRowColor(int index) {
    return (index % 2 == 0) ? EVEN_BGCOLOR : ODD_BGCOLOR;

  protected static Color getAlternateRowColor(int index) {
    return index % 2 == 0 ? EVEN_BGC : ODD_BGC;
  }
}
}}

* 解説 [#bbe45ca3]
`JComboBox`を編集可にした状態で、以下のように`List`部分、`Editor`部分に背景色を設定します。
* 解説 [#explanation]
上記のサンプルでは、`JComboBox`を編集可にした状態で以下のように`List`部分、`Editor`部分に行の奇数偶数で背景色を変更しています。

- `List`部分
-- `ListCellRenderer`を使用することで背景色を変更しています。

-- `ListCellRenderer`を使用することで背景色を変更
- `Editor`部分
-- `getEditor().getEditorComponent()`で`JTextField`オブジェクトを取得して背景色を変更しています。
-- `getEditor().getEditorComponent()`で`JTextField`オブジェクトを取得して背景色を変更

上記のサンプルでは、下の`JComboBox`で行の奇数偶数による背景色の変更を行っています。

----
`GTKLookAndFeel`などで、うまく`Box`(`Editor`)部分の色を変更できない場合があるようです。
- `GTKLookAndFeel`などで`Box`(`Editor`)部分の色を変更できない場合がある

#ref(https://lh3.googleusercontent.com/_9Z4BYR88imo/TQTJj4vDxSI/AAAAAAAAAUk/ZZtKylfc0k8/s800/ColorComboBox1.png)

* 参考リンク [#f155df82]
* 参考リンク [#reference]
- [[JComboBoxの文字色を変更する>Swing/ComboBoxForegroundColor]]

* コメント [#i79a7ae9]
* コメント [#comment]
#comment
- `JComboBox#setEditable(true)`は必須のようです。編集不可にするには`Editor`部分の`JTextField`に対して`setEditable(false)` -- &user(Y); &new{2006-10-10 (火) 18:51:38};
-- ご指摘ありがとうございます。せっかく`JComboBox`を上下に並べているのだから、編集可の場合と不可の場合のサンプルにすればよかったですね。編集不可の場合(`JComboBox#setEditable(false)`)に色を着けるには、上記の方法と、以下のように`JComboBox#setBackground(Color)`メソッドを使う方法があるようです。 %%編集不可の場合は、この部分の色もレンダラーが勝手にやってくれてたような気がするのですが、勘違いだったのかも。%% バージョンや`LookAndFeel`で異なる?ようです。 -- &user(aterai); &new{2006-10-10 (火) 19:58:51};
-- ご指摘ありがとうございます。せっかく`JComboBox`を上下に並べているので、編集可の場合と不可の場合のサンプルにすればよかったですね。編集不可の場合(`JComboBox#setEditable(false)`)に色を着けるには、上記の方法と、以下のように`JComboBox#setBackground(Color)`メソッドを使う方法があるようです。 %%編集不可の場合は、この部分の色もレンダラーが勝手にやってくれてたような気がするのですが、勘違いだったのかも。%% バージョンや`LookAndFeel`で異なる?ようです。 -- &user(aterai); &new{2006-10-10 (火) 19:58:51};

#code{{
final JComboBox c = new JComboBox();
c.addItemListener(new ItemListener() {
  @Override public void itemStateChanged(ItemEvent e) {
    if (e.getStateChange() != ItemEvent.SELECTED) {
      return;
    }
    c.setBackground((c.getSelectedIndex() % 2 == 0) ? evenBGColor : oddBGColor);
  }
});
}}

-- せっかくなので、上の`JComboBox`は編集不可、下は編集可の場合で、色を着けるサンプルに変更しました。 -- &user(aterai); &new{2006-10-10 (火) 20:31:03};
- メモ:[http://bugs.java.com/bugdatabase/view_bug.do?bug_id=6367601 Windows/Motif L&F: Changing the JComboBox background does not change the popup of the JCombobox] -- &user(aterai); &new{2007-12-13 (木) 15:43:50};
- メモ: [https://bugs.openjdk.org/browse/JDK-6367601 Windows/Motif L&F: Changing the JComboBox background does not change the popup of the JCombobox] -- &user(aterai); &new{2007-12-13 (木) 15:43:50};
- サンプルソースの`LookAndFeel`を設定しないようにすると、編集不可コンボはボタン部分も背景色になってしまう・・ -- &user(han); &new{2008-10-21 (火) 10:41:38};
-- `MetalLookAndFeel`などは、コンボボックスの背景色を変更すると矢印ボタンの色まで変更してしまう仕様?みたいですね。回避するなら、以下のように`UI`で使っている`PropertyChangeListener`をオーバーライドしてしまうのはどうでしょう。 -- &user(aterai); &new{2008-10-21 (火) 15:41:21};

#code{{
combo01.setUI(new MetalComboBoxUI() {
  @Override public PropertyChangeListener createPropertyChangeListener() {
    return new MetalPropertyChangeListener() {
      @Override public void propertyChange(PropertyChangeEvent e) {
        String propertyName = e.getPropertyName();
        if (propertyName == "background") {
          Color color = (Color) e.getNewValue();
          //arrowButton.setBackground(color);
          listBox.setBackground(color);
        } else {
          super.propertyChange( e );
        }
      }
    };
  }
});
combo01.setModel(makeModel());
combo01.setRenderer(new MyListCellRenderer(combo01.getRenderer()));
combo01.addItemListener(new ItemListener() {
  @Override public void itemStateChanged(ItemEvent e) {
    if (e.getStateChange() != ItemEvent.SELECTED) {
      return;
    }
    combo01.setBackground(getOEColor(combo01.getSelectedIndex()));
  }
});
combo01.setSelectedIndex(0);
combo01.setBackground(evenBGColor);
}}

- ありがとうございます。動作確認してませんが`UI`をさわればいろんなことができそうですね。で`UIManager`でなんとかできないか気になったので試すと、`UIManager.put("ComboBox.background", new ColorUIResource(Color.white));`で全てのコンボボックスの背景色を設定できました(リストの色分けはできないですが) -- &user(han); &new{2008-10-24 (金) 11:28:10};

#comment