概要

JComboBoxEditor部分と、List部分の色を変更します。

サンプルコード

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 transient ItemListener itemColorListener;

  public AlternateRowColorComboBox() {
    super();
  }
  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);
      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;
      }
    });
    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);
          }
        }
      };
    }
    addItemListener(itemColorListener);
    JTextField field = (JTextField) getEditor().getEditorComponent();
    if (field != null) {
      field.setOpaque(true);
      field.setBackground(getAlternateRowColor(getSelectedIndex()));
    }
  }
  private static Color getAlternateRowColor(int index) {
    return (index % 2 == 0) ? EVEN_BGCOLOR : ODD_BGCOLOR;
  }
}
view all

解説

JComboBoxを編集可にした状態で、以下のようにList部分、Editor部分に背景色を設定します。

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

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


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

ColorComboBox1.png

参考リンク

コメント

  • JComboBox#setEditable(true)は必須のようです。編集不可にするにはEditor部分のJTextFieldに対してsetEditable(false) -- Y
    • ご指摘ありがとうございます。せっかくJComboBoxを上下に並べているのだから、編集可の場合と不可の場合のサンプルにすればよかったですね。編集不可の場合(JComboBox#setEditable(false))に色を着けるには、上記の方法と、以下のようにJComboBox#setBackground(Color)メソッドを使う方法があるようです。 編集不可の場合は、この部分の色もレンダラーが勝手にやってくれてたような気がするのですが、勘違いだったのかも。 バージョンやLookAndFeelで異なる?ようです。 -- aterai
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は編集不可、下は編集可の場合で、色を着けるサンプルに変更しました。 -- aterai
  • メモ: Windows/Motif L&F: Changing the JComboBox background does not change the popup of the JCombobox -- aterai
  • サンプルソースのLookAndFeelを設定しないようにすると、編集不可コンボはボタン部分も背景色になってしまう・・ -- han
    • MetalLookAndFeelなどは、コンボボックスの背景色を変更すると矢印ボタンの色まで変更してしまう仕様?みたいですね。回避するなら、以下のようにUIで使っているPropertyChangeListenerをオーバーライドしてしまうのはどうでしょう。 -- aterai
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));で全てのコンボボックスの背景色を設定できました(リストの色分けはできないですが) -- han