TITLE:JPasswordFieldのエコー文字を変更
Posted by terai at 2006-12-11

JPasswordFieldのエコー文字を変更

JPasswordFieldのエコー文字を独自の図形に変更します。
  • category: swing folder: PasswordView title: JPasswordFieldのエコー文字を変更 tags: [JPasswordField, Icon] author: aterai pubdate: 2006-12-11T14:51:59+09:00 description: JPasswordFieldのエコー文字を独自のIcon図形に変更します。 image: https://lh6.googleusercontent.com/_9Z4BYR88imo/TQTQ8cs8ApI/AAAAAAAAAgY/gxUUdKI65yA/s800/PasswordView.png

概要

JPasswordFieldのエコー文字を独自のIcon図形に変更します。

#screenshot

サンプルコード

#spanend
#spanadd
class MyPasswordFieldUI extends BasicPasswordFieldUI {
#spanend
  private static final StarIcon ICON = new StarIcon();
  public static MyPasswordFieldUI createUI(JPasswordField c) {
    c.setEchoChar('\u25A0'); // As wide as a CJK character cell (fullwidth)
    return new MyPasswordFieldUI();
  }

#spandel
**サンプルコード [#bd030635]
#spanend
#spandel
#code{{
#spanend
#spandel
class MyPasswordFieldUI extends BasicPasswordFieldUI {
#spanend
  public View create(Element elem) {
  @Override public View create(Element elem) {
    return new MyPasswordView(elem);
  }
  class MyPasswordView extends PasswordView{
#spanadd

#spanend
  private static class MyPasswordView extends PasswordView {
    @Override protected int drawEchoCharacter(Graphics g, int x, int y, char c) {
      FontMetrics fm = g.getFontMetrics();
      ICON.paintIcon(null, g, x, y - fm.getAscent());
      return x + ICON.getIconWidth(); // fm.charWidth(c);
    }
#spanadd

#spanend
    public MyPasswordView(Element element) {
      super(element);
    }
    protected int drawEchoCharacter(Graphics g, int x, int y, char c) {
      Graphics2D g2d = (Graphics2D) g;
      g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                                          RenderingHints.VALUE_ANTIALIAS_ON);
      FontMetrics fm = g2d.getFontMetrics();
      int r = fm.charWidth(c)-4;
      //g2d.setPaint(Color.GRAY);
      g2d.drawRect(x+2, y+4-fm.getAscent(), r, r);
      //g2d.setPaint(Color.GRAY.brighter());
      g2d.fillOval(x+2, y+4-fm.getAscent(), r, r);
      return x + fm.charWidth(c);
    }
  }
}
View in GitHub: Java, Kotlin

解説

上記のサンプルでは、下のJPasswordFieldのエコー文字を独自の図形に変更しています。またこの図形のサイズを上のJPasswordFieldのエコー文字と幅を合わせるために同じ文字をsetEchoCharしています。

解説

  • 上: setEchoChar('\u2605')
    • JPasswordField#setEchoChar(...)メソッドで任意の文字をエコー文字に設定
  • 下: drawEchoCharacter
    • PasswordView#drawEchoCharacter(...)をオーバーライドして任意の図形をエコー文字として描画するBasicPasswordFieldUIを作成しJPasswordFieldに設定
    • 上のJPasswordFieldのエコー文字と同じ文字をsetEchoCharで設定し図形のサイズを合わせる

コメント

参考リンク

コメント