Swing/WatermarkInTextField のバックアップ(No.5)

TITLE:JTextFieldに透かし画像を表示する

Posted by aterai at 2009-10-26

JTextFieldに透かし画像を表示する

JTextFieldの文字列が空でフォーカスがない場合、透かし画像を表示するように設定します。

&jnlp;
&jar;
&zip;

サンプルコード

class WatermarkTextField extends JTextField implements FocusListener {
  private final ImageIcon image;
  private boolean showWatermark = true;
  public WatermarkTextField() {
    super();
    image = new ImageIcon(getClass().getResource("watermark.png"));
    addFocusListener(this);
  }
  @Override public void paintComponent(Graphics g) {
    super.paintComponent(g);
    if(showWatermark) {
      Graphics2D g2d = (Graphics2D)g;
      //Insets i = getMargin();
      Insets i = getInsets();
      int yy = (getHeight()-image.getIconHeight())/2;
      g2d.drawImage(image.getImage(), i.left, yy, this);
    }
  }
  @Override public void focusGained(FocusEvent e) {
    showWatermark = false;
    repaint();
  }
  @Override public void focusLost(FocusEvent e) {
    showWatermark = "".equals(getText().trim());
    repaint();
  }
}

解説

上
- JTextFieldにフォーカスと文字列が無い場合の表示
下
- JTextFieldの文字列が空で、フォーカスも無い場合、上記のように文字列ではなく、画像を表示します。

JTextFieldにフォーカスと文字列が無い場合の表示では、JPasswordFieldに応用できないので、以下のように透かし画像の表示と同じような方法で文字列を表示します。

class WatermarkPasswordField extends JPasswordField implements FocusListener {
  private boolean showWatermark = true;
  public WatermarkPasswordField() {
    super();
    addFocusListener(this);
  }
  @Override public void paintComponent(Graphics g) {
    super.paintComponent(g);
    if(showWatermark) {
      Graphics2D g2 = (Graphics2D)g;
      Insets i = getInsets();
      Font font = getFont();
      FontRenderContext frc = g2.getFontRenderContext();
      int baseline = getBaseline(getWidth(), getHeight());
      TextLayout tl = new TextLayout("Password", font, frc);
      tl.draw(g2, i.left, baseline);
    }
  }
  @Override public void focusGained(FocusEvent e) {
    showWatermark = false;
    repaint();
  }
  @Override public void focusLost(FocusEvent e) {
    showWatermark = getPassword().length==0;
    repaint();
  }
}

参考リンク

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

右上のgoogle カスタム検索のような ~~…と書こうと思ったら透かし画像が消えている？~~ FireFox では問題なし。Opera10.10だと表示されない。キャッシュが壊れているだけかも。 -- aterai 2009-10-26 (月) 13:04:26

JTextFieldに透かし画像を表示する

サンプルコード

解説

参考リンク

コメント