JTextFieldにフォーカスと文字列が無い場合の表示

編集者:Terai Atsuhiro~

作成日:2005-11-07
更新日:2022-07-29 (金) 11:33:02
  • category: swing folder: GhostText title: JTextFieldにフォーカスと文字列が無い場合の表示 tags: [JTextField, Focus, FocusListener] author: aterai pubdate: 2005-11-07T16:50:50+09:00 description: JTextFieldにフォーカスが無く文字列が空の場合、薄い色でその説明を表示します。 image: https://lh6.googleusercontent.com/_9Z4BYR88imo/TQTNY3BG1nI/AAAAAAAAAas/YJB5L9kNK-c/s800/GhostText.png

概要

JTextFieldにフォーカスが無く文字列が空の場合、薄い色でその説明を表示します。

概要

JTextFieldにフォーカスと文字列が無い場合、薄い色でその説明を表示します。

サンプルコード

#spanend
#spanadd
class PlaceholderFocusListener implements FocusListener {
#spanend
  private static final Color INACTIVE
    = UIManager.getColor("TextField.inactiveForeground");
  private final String hintMessage;

#spandel
http://terai.xrea.jp/swing/ghosttext/screenshot.png
#spanend
  public PlaceholderFocusListener(JTextComponent tf) {
    hintMessage = tf.getText();
    tf.setForeground(INACTIVE);
  }

#spandel
**サンプルコード [#lf2627f8]
#spanend
 class GhostFocusListener implements FocusListener {
   private final String initMessage = "文字列を入力してください";
   private final Color dColor = SystemColor.inactiveCaptionText;
   private final Color oColor;
   public GhostFocusListener(final JTextComponent tf) {
     oColor = tf.getForeground();
     tf.setForeground(dColor);
     tf.setText(initMessage);
   }
   public void focusGained(final FocusEvent e) {
     SwingUtilities.invokeLater(new Runnable() {
       public void run() {
         JTextComponent textField = (JTextComponent)e.getSource();
         String str = textField.getText();
         Color col  = textField.getForeground();
         if(initMessage.equals(str) && dColor.equals(col)) {
           textField.setForeground(oColor);
           textField.setText("");
         }
       }
     });
   }
   public void focusLost(final FocusEvent e) {
     SwingUtilities.invokeLater(new Runnable() {
       public void run() {
         JTextComponent textField = (JTextComponent)e.getSource();
         String str = textField.getText().trim();
         if("".equals(str)) {
           textField.setForeground(dColor);
           textField.setText(initMessage);
         }
       }
     });
   }
 }
  @Override public void focusGained(FocusEvent e) {
    JTextComponent tf = (JTextComponent) e.getComponent();
    if (hintMessage.equals(tf.getText())
        && INACTIVE.equals(tf.getForeground())) {
      tf.setForeground(UIManager.getColor("TextField.foreground"));
      tf.setText("");
    }
  }

-[[サンプルを起動>http://terai.xrea.jp/swing/ghosttext/sample.jnlp]]
-[[jarファイル>http://terai.xrea.jp/swing/ghosttext/sample.jar]]
-[[ソース>http://terai.xrea.jp/swing/ghosttext/src.zip]]
#spandel
**解説 [#r832c3b6]
#spanend
#spandel
上記のサンプルでは、下のJTextFieldからフォーカスが失われた時、まだ何も入力されていない場合は、そのJTextFieldの説明などを薄く表示することができるようにしています。
#spanend
  @Override public void focusLost(FocusEvent e) {
    JTextComponent tf = (JTextComponent) e.getComponent();
    if ("".equals(tf.getText().trim())) {
      tf.setForeground(INACTIVE);
      tf.setText(hintMessage);
    }
  }
#spanadd
}
#spanend
#spanadd
View in GitHub: Java, Kotlin

コメント

解説

上記のサンプルでは、JTextFieldからフォーカスが失われた時にまだ何も入力されていない場合はそのJTextFieldの説明などを透かし文字として薄く表示しています。
  • -
  • Java 1.7.0以上の場合JLayerを使用して同様にヒント文字列を描画可能
#spanend
#spanadd
class PlaceholderLayerUI extends LayerUI<JTextComponent> {
#spanend
  private static final Color INACTIVE = UIManager.getColor("TextField.inactiveForeground");
  private final JLabel hint;
#spanadd

#spanend
  public PlaceholderLayerUI(String hintMessage) {
    super();
    this.hint = new JLabel(hintMessage);
    hint.setForeground(INACTIVE);
  }
#spanadd

#spanend
  @Override public void paint(Graphics g, JComponent c) {
    super.paint(g, c);
    if (c instanceof JLayer) {
      JLayer jlayer = (JLayer) c;
      JTextComponent tc = (JTextComponent) jlayer.getView();
      if (tc.getText().length() == 0 && !tc.hasFocus()) {
        Graphics2D g2 = (Graphics2D) g.create();
        g2.setPaint(INACTIVE);
        Insets i = tc.getInsets();
        Dimension d = hint.getPreferredSize();
        SwingUtilities.paintComponent(g2, hint, tc, i.left, i.top, d.width, d.height);
        g2.dispose();
      }
    }
  }
#spanadd

#spanend
  @Override public void installUI(JComponent c) {
    super.installUI(c);
    if (c instanceof JLayer) {
      ((JLayer) c).setLayerEventMask(AWTEvent.FOCUS_EVENT_MASK);
    }
  }
#spanadd

#spanend
  @Override public void uninstallUI(JComponent c) {
    super.uninstallUI(c);
    if (c instanceof JLayer) {
      ((JLayer) c).setLayerEventMask(0);
    }
  }
#spanadd

#spanend
  @Override public void processFocusEvent(FocusEvent e, JLayer<? extends JTextComponent> l) {
    l.getView().repaint();
  }
#spanadd
}
#spanend
#spanadd

参考リンク

コメント