TITLE:JTextFieldに透かし画像を表示する
Posted by at 2009-10-26

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

JTextFieldの文字列が空でフォーカスがない場合、透かし画像を表示するように設定します。
  • category: swing folder: WatermarkInTextField title: JTextFieldに透かし画像を表示する tags: [JTextField, Focus, ImageIcon] author: aterai pubdate: 2009-10-26T13:04:26+09:00 description: JTextFieldの文字列が空でフォーカスがない場合、透かし画像を表示するように設定します。 image: https://lh3.googleusercontent.com/_9Z4BYR88imo/TQTWh1Qjh4I/AAAAAAAAApY/bLarzjLy7-8/s800/WatermarkInTextField.png

概要

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

サンプルコード

#spanend
#spanadd
* サンプルコード [#sourcecode]
#spanend
#spanadd
#code(link){{
#spanend
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) {
#spanadd

#spanend
  @Override protected void paintComponent(Graphics g) {
    super.paintComponent(g);
    if(showWatermark) {
      Graphics2D g2d = (Graphics2D)g;
      //Insets i = getMargin();
    if (showWatermark) {
      Graphics2D g2 = (Graphics2D) g.create();
      // Insets i = getMargin();
      Insets i = getInsets();
      int yy = (getHeight()-image.getIconHeight())/2;
      g2d.drawImage(image.getImage(), i.left, yy, this);
      int yy = (getHeight() - image.getIconHeight()) / 2;
      g2.drawImage(image.getImage(), i.left, yy, this);
      g2.dispose();
    }
  }
#spanadd

#spanend
  @Override public void focusGained(FocusEvent e) {
    showWatermark = false;
    repaint();
  }
#spanadd

#spanend
  @Override public void focusLost(FocusEvent e) {
    showWatermark = "".equals(getText().trim());
    repaint();
  }
}

解説

解説

参考リンク

#spanend
#spandel
class WatermarkPasswordField extends JPasswordField implements FocusListener {
#spanend
  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();
  }
#spandel
}
#spanend
#spandel

参考リンク

コメント

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

コメント