• 追加された行はこの色です。
  • 削除された行はこの色です。
TITLE:JComboBoxの色を変更
#navi(../)
*JComboBoxの色を変更 [#jce4ead6]
Posted by [[terai]] at 2005-01-10

#contents

**概要 [#x42ac8da]
JComboBoxのEditor部分と、List部分の色を変更します。

-&jnlp;
-&jar;
-&zip;

#screenshot

**サンプルコード [#b2f19a3d]
#code{{
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);
}}

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

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

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

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

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

#screenshot(,screenshot2.png)

//**参考リンク
**コメント [#i79a7ae9]
- JComboBox#setEditable(true)は必須のようです。編集不可にするにはEditor部分のJTextFieldに対してsetEditable(false) -- [[Y]] &new{2006-10-10 (火) 18:51:38};
-- ご指摘ありがとうございます。せっかくJComboBoxを上下に並べているのだから、編集可の場合と不可の場合のサンプルにすればよかったですね。編集不可の場合(JComboBox#setEditable(false))に色を着けるには、上記の方法と、以下のようにJComboBox#setBackground(Color)メソッドを使う方法があるようです。%%編集不可の場合は、この部分の色もレンダラーが勝手にやってくれてたような気がするのですが、勘違いだったのかも。%% バージョンやL&Fで異なる?ようです。 -- [[terai]] &new{2006-10-10 (火) 19:58:51};
#code{{
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]] &new{2006-10-10 (火) 20:31:03};
- メモ:[[Windows/Motif L&F: Changing the JComboBox background does not change the popup of the JCombobox>http://bugs.sun.com/view_bug.do?bug_id=6367601]] -- [[terai]] &new{2007-12-13 (木) 15:43:50};
- サンプルソースのLookAndFeelを設定しないようにすると、編集不可コンボはボタン部分も背景色になってしまう・・ -- [[han]] &new{2008-10-21 (火) 10:41:38};
-- MetalLookAndFeel などは、コンボボックスの背景色を変更すると矢印ボタンの色まで変更してしまう仕様?みたいですね。回避するなら、以下のようにUIで使っているPropertyChangeListenerをオーバーライドしてしまうのはどうでしょう。 -- [[terai]] &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() {
  public void itemStateChanged(ItemEvent e) {
    if(e.getStateChange()!=ItemEvent.SELECTED) return;
    combo01.setBackground(getOEColor(combo01.getSelectedIndex()));
  }
});
combo01.setSelectedIndex(0);
combo01.setBackground(evenBGColor);
}}

#comment