TITLE:JComboBoxの内余白

JComboBoxの内余白

Posted by terai at 2007-05-28
  • category: swing folder: PaddingComboBox title: JComboBoxの内余白 tags: [JComboBox, Border, LookAndFeel, JTextField] author: aterai pubdate: 2007-05-28T05:42:18+09:00 description: JComboBoxのエディタなどに内余白を設定します。 image: https://lh3.googleusercontent.com/_9Z4BYR88imo/TQTQv1E_b9I/AAAAAAAAAgE/nxvnwwFoDyU/s800/PaddingComboBox.png

概要

JComboBoxのエディタなどに内余白を設定します。

概要

JComboBoxのエディタなどに内余白を設定します。

サンプルコード

#spanend
#spanadd
static Border padding = BorderFactory.createEmptyBorder(0, 5, 0, 0);
#spanend
#spanadd
// ...
#spanend
#spanadd
DefaultComboBoxModel<String> model = new DefaultComboBoxModel<>();
#spanend
#spanadd
model.addElement("aaaaaaaaaaaaaaaaaaaaaaaaa");
#spanend
#spanadd
model.addElement("aaaabbb");
#spanend
#spanadd
model.addElement("aaaabbbcc");
#spanend
#spanadd
model.addElement("bbb1");
#spanend
#spanadd
model.addElement("bbb12");
#spanend

-&jnlp;
-&jar;
-&zip;
#spandel

#spanend
#spandel
#screenshot
#spanend
#spandel

#spanend
#spandel
**サンプルコード [#o79d2c4d]
#spanend
#spandel
#code{{
#spanend
#spandel
Border padding = BorderFactory.createEmptyBorder(0,5,0,0);
#spanend
#spandel
ListCellRenderer lcr = combo.getRenderer();
#spanend
#spandel
((JLabel)lcr).setBorder(padding);
#spanend
#spandel
combo.setRenderer(lcr);
#spanend
#spanadd
JComboBox<String> combo = new JComboBox<String>(model) {
#spanend
  @Override public void updateUI() {
    setRenderer(null);
    super.updateUI();
    ListCellRenderer<? super String> lcr = getRenderer();
    setRenderer(new ListCellRenderer<String>() {
      @Override public Component getListCellRendererComponent(
          JList<? extends String> list, String value, int index,
          boolean isSelected, boolean hasFocus) {
        JLabel l = (JLabel) lcr.getListCellRendererComponent(
            list, value, index, isSelected, hasFocus);
        l.setBorder(padding);
        return l;
      }
    });
    // XXX JDK 1.7.0 ?: ((JLabel) lcr).setBorder(padding);
  }
#spanadd
};
#spanend
View in GitHub: Java, Kotlin

解説

上記のサンプルでは、JComboBox に、Border*1を設定したListCellRendererを設定して、ドロップダウンリストの左余白をすこし広げています。 JComboBoxが編集不可の場合、エディタ部分もこの余白が自動的に適用されます。

解説

上記のサンプルでは、JComboBoxBorder(EmptyBorderMatteBorderを切り替え可能)を設定したListCellRendererを設定して、ドロップダウンリストの左余白をすこし広げています。JComboBoxが編集不可の場合、エディタ部分もこの余白が自動的に適用されます。
  • 0:編集不可
    • ListCellRendererで余白を指定
  • 0:編集不可
    • ListCellRendererで余白を指定

以下は、JComboBoxが編集可の場合のテストです。
  • 1: テキストフィールドの元Border + 任意のBorderで余白を設定
    • editor.setBorder(BorderFactory.createCompoundBorder(editor.getBorder(), padding));
    • JComboBox#getEditor()#getEditorComponent()で取得したJTextFieldに余白を指定
    • JDK 1.5 では余白を指定しても反映されない
    • JDK 1.6 では取得したJTextFieldをsetOpaque(true)としないと背景色は反映されない
  • 1: JComboBoxが編集可 + テキストフィールドの元Border + 任意のBorderで余白を設定
    • editor.setBorder(BorderFactory.createCompoundBorder(editor.getBorder(), padding));
    • JComboBox#getEditor()#getEditorComponent()で取得したJTextFieldに余白を指定
    • JDK 1.5では余白を指定しても反映されない
    • JDK 1.6では取得したJTextFieldをsetOpaque(true)としないと背景色は反映されない
  • 2: テキストフィールドの元Borderは無視して任意のBorderのみで余白を設定
    • editor.setBorder(padding);
    • JComboBox#getEditor()#getEditorComponent()で取得したJTextFieldに余白を指定
    • Metal L&F でテキストフィールドの枠が描画できない
  • 2: JComboBoxが編集可 + テキストフィールドの元Borderは無視して任意のBorderのみで余白を設定
    • editor.setBorder(padding);
    • JComboBox#getEditor()#getEditorComponent()で取得したJTextFieldに余白を指定
    • MetalLookAndFeelでテキストフィールドの枠が描画できない

  • 3: テキストフィールドのInsets + 5ピクセル余白を設定
    • editor.setMargin(new Insets(i.top,i.left+5,i.bottom,i.right));
    • Metal, Motif, Windows L&F などでは無効
    • Nimbus L&F では有効だが、JComboBoxの高さなども変化してしまう
  • 3: JComboBoxが編集可 + テキストフィールドのInsets + 5ピクセル余白を設定
    • editor.setMargin(new Insets(i.top,i.left+5,i.bottom,i.right));
    • MetalLookAndFeelMotifLookAndFeelWindowsLookAndFeelなどでは無効
    • NimbusLookAndFeelでは有効だがJComboBoxの高さなども変化してしまう
  • 4: テキストフィールドのMargin + 5ピクセル余白を設定
    • editor.setMargin(new Insets(m.top,m.left+5,m.bottom,m.right));
    • Metal, Motif, Windows L&F などでは無効
    • Nimbus L&F では有効
  • 4: JComboBoxが編集可 + テキストフィールドのMargin + 5ピクセル余白を設定
    • editor.setMargin(new Insets(m.top,m.left+5,m.bottom,m.right));
    • MetalLookAndFeelMotifLookAndFeelWindowsLookAndFeelなどでは無効
    • NimbusLookAndFeelでは有効

  • 5: JComboBoxのBorder + 任意のBorderで余白をJComboBox自身に設定
    • JComboBox#setBorder()で、元のBorderの内側に余白を指定
    • Windows, Motif L&F で有効?
    • Metal, Nimbus L&F では、JComboBoxの外側に余白が付く
  • 5: JComboBoxが編集可 + JComboBoxBorder + 任意のBorderで余白をJComboBox自身に設定
    • JComboBox#setBorder()で元のBorderの内側に余白を指定
    • WindowsLookAndFeelMotifLookAndFeelで有効?
    • MetalLookAndFeelNimbusLookAndFeelではJComboBoxの外側に余白が付く
  • 6: JComboBoxのBorder + 任意のBorderで余白をJComboBox自身に設定
    • JComboBox#setBorder()で、元のBorderの外側に余白を指定
    • Windows L&F で余計な枠が表示される?
  • 6: JComboBoxが編集可 + JComboBoxBorder + 任意のBorderで余白をJComboBox自身に設定
    • JComboBox#setBorder()で元のBorderの外側に余白を指定
    • WindowsLookAndFeelで余計な枠が表示される?

その他にも、以下のように余白を設定する方法もありますが、L&F によって対応が異なるようです。
  • その他にも、以下のようにUIManagerで余白を設定する方法もあるがLookAndFeelによって対応が異なる? ComboBox.paddingは無くなっている?
    • JComboBoxが編集可能の場合はComboBox.editorBorderが有効かもしれない
      #spandel
      UIManager.put("ComboBox.padding", insets);
      #spanend
      #spanadd
      // UIManager.put("ComboBox.padding", new InsetsUIResource(insets));
      #spanend
      #spanadd
      UIManager.put("ComboBox.editorBorder", BorderFactory.createEmptyBorder(0, 5, 0, 0));
      #spanend
      
  • 上記のサンプルを余白に色無しにしてUbuntu 7.04(GNOME 2.18.1)、JDK 1.6.0で実行すると、以下のように表示される
    PaddingComboBox1.png

上記のサンプルを、余白に色無しにして、Ubuntu 7.04(GNOME 2.18.1) JDK 1.6.0 で実行すると、以下のようになります。

#screenshot(,screenshot1.png)

  • LookAndFeel毎にJComboBoxの余白の描画は異なるみたいなので、全部まとめて消すのは難しい?
  • BasicComboBoxUIも、ComboBox.buttonDarkShadowArrowButtonの三角とボタンの影に使われていて微妙
    • BasicComboBoxUI#createArrowButton()をオーバーライドして別途三角形アイコンを使う方がよさそう
    • コードは、JComboBoxのBorderを変更するに移動

参考リンク

参考リンク

コメント

  • なんだか、よく分からなくなってきましたorz。 -- terai
  • L&F の切り替えなどを追加しました。 -- terai

コメント