• 追加された行はこの色です。
  • 削除された行はこの色です。
TITLE:JTextFieldに透かし画像を表示する
#navi(../)
RIGHT:Posted by &author(aterai); at 2009-10-26
*JTextFieldに透かし画像を表示する [#l4413cba]
JTextFieldの文字列が空でフォーカスがない場合、透かし画像を表示するように設定します。

-&jnlp;
-&jar;
-&zip;

//#screenshot
#ref(http://lh3.ggpht.com/_9Z4BYR88imo/TQTWh1Qjh4I/AAAAAAAAApY/bLarzjLy7-8/s800/WatermarkInTextField.png)

**サンプルコード [#bef878a0]
#code{{
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();
  }
}
}}

**解説 [#kcbc0705]
-上
--[[JTextFieldにフォーカスと文字列が無い場合の表示>Swing/GhostText]]
-下
--JTextFieldの文字列が空で、フォーカスも無い場合、上記のように文字列ではなく、画像を表示します。

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

#code{{
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();
  }
}
}}

**参考リンク [#w2323b40]
-[[JTextFieldにフォーカスと文字列が無い場合の表示>Swing/GhostText]]

**コメント [#rbb7650a]
- 右上のgoogle カスタム検索のような %%…と書こうと思ったら透かし画像が消えている?%% FireFox では問題なし。Opera10.10だと表示されない。キャッシュが壊れているだけかも。 -- [[aterai]] &new{2009-10-26 (月) 13:04:26};

#comment