JPasswordFieldでPINコード入力欄を作成する

Total: 708, Today: 2, Yesterday: 0
Posted by at
Last-modified:

概要

JPasswordFieldを使用して数字4桁のPINコード入力欄を作成します。

Screenshot

screenshot

Download

サンプルコード

class PinCodeDocumentFilter extends DocumentFilter {
  public static final int MAX = 4;

  @Override public void replace(
      DocumentFilter.FilterBypass fb, int offset,
      int length, String text, AttributeSet attrs) throws BadLocationException {
    String str = fb.getDocument().getText(
      0, fb.getDocument().getLength()) + text;
    if (str.length() <= MAX && str.matches("\\d+")) {
      super.replace(fb, offset, length, text, attrs);
    }
  }
}

class PasswordView2 extends PasswordView {
  public PasswordView2(Element elem) {
    super(elem);
  }

  @Override protected int drawUnselectedText(
      Graphics g, int x, int y, int p0, int p1) throws BadLocationException {
    return drawText(g, x, y, p0, p1);
  }

  // @see drawUnselectedTextImpl(...)
  private int drawText(Graphics g, int x, int y, int p0, int p1)
        throws BadLocationException {
    Container c = getContainer();
    int j = x;
    if (c instanceof JPasswordField) {
      JPasswordField f = (JPasswordField) c;
      if (f.isEnabled()) {
        g.setColor(f.getForeground());
      } else {
        g.setColor(f.getDisabledTextColor());
      }
      Graphics2D g2 = (Graphics2D) g;
      char echoChar = f.getEchoChar();
      int n = p1 - p0;
      for (int i = 0; i < n; i++) {
        j = i == n - 1
            ? drawLastChar(g2, j, y, i)
            : drawEchoCharacter(g, j, y, echoChar);
      }
    }
    return j;
  }

  private int drawLastChar(Graphics g, int x, int y, int p1)
        throws BadLocationException {
    Graphics2D g2 = (Graphics2D) g;
    Font font = g2.getFont();
    float fs = font.getSize2D();
    double w = font.getStringBounds("0", g2.getFontRenderContext()).getWidth();
    int sz = (int) ((fs - w) / 2d);
    Document doc = getDocument();
    Segment s = new Segment(); // SegmentCache.getSharedSegment();
    doc.getText(p1, 1, s);
    // int ret = Utilities.drawTabbedText(s, x, y, g, this, p1);
    // SegmentCache.releaseSharedSegment(s);
    return Utilities.drawTabbedText(s, x + sz, y, g, this, p1);
  }
}
View in GitHub: Java, Kotlin

解説

  • PinCodeDocumentFilterをJPasswordFieldに設定して4桁の0-9数字のみ入力可能になるよう制限
    • JPasswordField#setColumns(4)で表示桁を4桁に設定する4文字目のエコー文字が見切れてしまう？
  • PlaceholderLayerUIをJPasswordFieldに設定して入力欄が空の場合はヒント文字列を表示する
  • DocumentListenerをJPasswordFieldのDocumentに設定して4桁の数字が入力されたらJOptionPaneの表示と入力文字列のリセットを実行
    • JPasswordField#setText("")でのリセットはEventQueue.invokeLater(...)などで後で実行しないとIllegalStateExceptionが発生する場合がある？
  • DefaultCaret#isSelectionVisible()が常にfalseを返すようオーバライドしたCaretをJPasswordFieldに設定して文字列選択を非表示化
  • BasicPasswordFieldUI#create(Element)をオーバーライドして末尾の数字のみマスクせずに可視化するPasswordView2を返すよう設定
JPasswordField password = new JPasswordField(6) {
  @Override public void updateUI() {
    super.updateUI();
    setUI(new BasicPasswordFieldUI() {
      @Override public View create(Element elem) {
        return new PasswordView2(elem);
      }
    });
  }
};

参考リンク

コメント