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


Posted by at 2009-10-26

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

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

  • &jnlp;
  • &jar;
  • &zip;
WatermarkInTextField.png

サンプルコード

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にフォーカスと文字列が無い場合の表示では、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();
  }
}

参考リンク

コメント

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