Swing/IconTextField のバックアップ(No.27)

category: swing folder: IconTextField title: JTextField内にアイコンを追加 tags: [JTextField, ImageIcon, JLabel, Border] author: aterai pubdate: 2005-01-03T02:14:18+09:00 description: JTextFieldの内部に余白を生成し、そこにImageIconを設定したJLabelを配置します。 image:

概要

JTextFieldの内部に余白を生成し、そこにImageIconを設定したJLabelを配置します。

Screenshot

Download

サンプルコード

ImageIcon image = new ImageIcon(getClass().getResource("16x16.png"));
int w = image.getIconWidth();
int h = image.getIconHeight();

JTextField field = new JTextField("bbbbbbbbbb");
Insets m = field.getMargin();
field.setMargin(new Insets(m.top, m.left + w, m.bottom, m.right));

JLabel label = new JLabel(image);
label.setCursor(Cursor.getDefaultCursor());
label.setBorder(null);
label.setBounds(m.left, m.top, w, h);

field.add(label);

View in GitHub: Java, Kotlin

解説

サンプルではsetMarginでJTextFieldの左に余白を作り、そこにJLabelを配置することでアイコン(画像)を表示しています。

JComboBoxにアイコンを追加のようにBorderを使用する方法もあるが、JTextComponentを継承するコンポーネントではsetMargin(...)メソッドを使用するとカーソルの指定などが簡単に実現可能
- JLabelの代わりにJButtonなどのコンポーネントを配置することも可能

JComboBoxのEditorを取得してMarginを指定しても反映されない
JTextComponent#setMargin(...) (Java Platform SE 8)
ただし、デフォルト以外の境界が設定されている場合は、Borderオブジェクトが適切なマージン空白を作成します(それ以外の場合、このプロパティーは事実上無視される)。

JTextFieldの右端にJLabelを置く場合は、以下のようにSpringLayoutを使用する方法もある

JButtonなどの高さを変更せずに幅を指定

final JLabel label2 = new JLabel(image);
label2.setCursor(Cursor.getDefaultCursor());
label2.setBorder(BorderFactory.createEmptyBorder());
JTextField field2 = new JTextField("ccccccccccccccccccccccccccc") {
  @Override public void updateUI() {
    super.updateUI();
    removeAll();
    SpringLayout l = new SpringLayout();
    setLayout(l);
    Spring fw = l.getConstraint(SpringLayout.WIDTH,  this);
    Spring fh = l.getConstraint(SpringLayout.HEIGHT, this);
    SpringLayout.Constraints c = l.getConstraints(label2);
    c.setConstraint(SpringLayout.WEST,  fw);
    c.setConstraint(SpringLayout.SOUTH, fh);
    add(label2);
  }
};
m = field2.getMargin();
field2.setMargin(new Insets(m.top + 2, m.left, m.bottom, m.right + w));

Swing/IconTextField のバックアップ(No.27)

概要

Screenshot

Download

Advertisement

サンプルコード

解説

参考リンク

コメント