TITLE:JComboBoxの色を変更

JComboBoxの色を変更

編集者:Terai Atsuhiro
作成日:2005-01-10
更新日:2021-11-17 (水) 04:12:37

概要

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

#screenshot

サンプルコード

combo01.setModel(makeModel());
combo01.setRenderer(new MyListCellRenderer(combo01.getRenderer()));
combo01.addItemListener(new ItemListener() {
  public void itemStateChanged(ItemEvent e) {
    if(e.getStateChange()!=ItemEvent.SELECTED) return;
    combo01.setBackground(getOEColor(combo01.getSelectedIndex()));
  }
});
combo01.setSelectedIndex(0);
combo01.setBackground(evenBGColor);

final JTextField field = (JTextField) combo02.getEditor().getEditorComponent();
field.setOpaque(true);
field.setBackground(evenBGColor);
combo02.setEditable(true);
combo02.setModel(makeModel());
combo02.setRenderer(new MyListCellRenderer(combo02.getRenderer()));
combo02.addItemListener(new ItemListener() {
  public void itemStateChanged(ItemEvent e) {
    if(e.getStateChange()!=ItemEvent.SELECTED) return;
    field.setBackground(getOEColor(combo02.getSelectedIndex()));
  }
});
combo02.setSelectedIndex(0);
  • &jnlp;
  • &jar;
  • &zip;

解説

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

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

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

コメント

  • JComboBox#setEditable(true)は必須のようです。編集不可にするにはEditor部分のJTextFieldに対してsetEditable(false) -- Y
    • ご指摘ありがとうございます。せっかくJComboBoxを上下に並べているのだから、編集可の場合と不可の場合のサンプルにすればよかったですね。編集不可の場合(JComboBox#setEditable(false))に色を着けるには、上記の方法と、以下のようにJComboBox#setBackground(Color)メソッドを使う方法があるようです。編集不可の場合は、この部分の色もレンダラーが勝手にやってくれてたような気がするのですが、勘違いだったのかも。 -- terai
      final JComboBox c = new JComboBox();
      c.addItemListener(new ItemListener() {
        public void itemStateChanged(ItemEvent e) {
          if(e.getStateChange()!=ItemEvent.SELECTED) return;
          c.setBackground((c.getSelectedIndex()%2==0)?evenBGColor:oddBGColor);
        }
      });
      
    • せっかくなので、上のJComboBoxは編集不可、下は編集可の場合で、色を着けるサンプルに変更しました。 -- terai