Swing/PaddingComboBox のバックアップ(No.32)

  • 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のエディタなどに内余白を設定します。

Screenshot

screenshot

Download

サンプルコード

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

JComboBox<String> combo = new JComboBox<String>(model) {
  @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);
  }
};
View in GitHub: Java, Kotlin

解説

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

  • 0:編集不可
    • ListCellRendererで余白を指定
  • 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: JComboBoxが編集可 + テキストフィールドの元Borderは無視して任意のBorderのみで余白を設定
    • editor.setBorder(padding);
    • JComboBox#getEditor()#getEditorComponent()で取得したJTextFieldに余白を指定
    • MetalLookAndFeelでテキストフィールドの枠が描画できない
  • 3: JComboBoxが編集可 + テキストフィールドのInsets + 5ピクセル余白を設定
    • editor.setMargin(new Insets(i.top,i.left+5,i.bottom,i.right));
    • MetalLookAndFeel、MotifLookAndFeel、WindowsLookAndFeelなどでは無効
    • NimbusLookAndFeelでは有効だがJComboBoxの高さなども変化してしまう
  • 4: JComboBoxが編集可 + テキストフィールドのMargin + 5ピクセル余白を設定
    • editor.setMargin(new Insets(m.top,m.left+5,m.bottom,m.right));
    • MetalLookAndFeel、MotifLookAndFeel、WindowsLookAndFeelなどでは無効
    • NimbusLookAndFeelでは有効
  • 5: JComboBoxが編集可 + JComboBoxのBorder + 任意のBorderで余白をJComboBox自身に設定
    • JComboBox#setBorder()で元のBorderの内側に余白を指定
    • WindowsLookAndFeel、MotifLookAndFeelで有効？
    • MetalLookAndFeel、NimbusLookAndFeelではJComboBoxの外側に余白が付く
  • 6: JComboBoxが編集可 + JComboBoxのBorder + 任意のBorderで余白をJComboBox自身に設定
    • JComboBox#setBorder()で元のBorderの外側に余白を指定
    • WindowsLookAndFeelで余計な枠が表示される？
  • その他にも、以下のようにUIManagerで余白を設定する方法もあるがLookAndFeelによって対応が異なる？ ComboBox.paddingは無くなっている？
    • JComboBoxが編集可能の場合はComboBox.editorBorderが有効かもしれない 
      // UIManager.put("ComboBox.padding", new InsetsUIResource(insets));
UIManager.put("ComboBox.editorBorder", BorderFactory.createEmptyBorder(0, 5, 0, 0));
  • 上記のサンプルを余白に色無しにしてUbuntu 7.04(GNOME 2.18.1)、JDK 1.6.0で実行すると、以下のように表示される
    PaddingComboBox1.png
  • LookAndFeel毎にJComboBoxの余白の描画は異なるみたいなので、全部まとめて消すのは難しい？
  • BasicComboBoxUIも、ComboBox.buttonDarkShadowがArrowButtonの三角とボタンの影に使われていて微妙
    • BasicComboBoxUI#createArrowButton()をオーバーライドして別途三角形アイコンを使う方がよさそう
    • コードは、JComboBoxのBorderを変更するに移動

参考リンク

コメント