• title: JPasswordFieldでパスワードの可視化する tags: [JPasswordField, JTextField, CardLayout, OverlayLayout] author: aterai pubdate: 2015-01-05T00:29:05+09:00 description: JPasswordFieldのパスワードを可視化するため、ドキュメントを共有するJTextFieldを作成して、これをCardLayoutで切り替えます。

概要

JPasswordFieldのパスワードを可視化するため、ドキュメントを共有するJTextFieldを作成して、これをCardLayoutで切り替えます。

サンプルコード

JPasswordField pf = new JPasswordField(24);
pf.setText("abcdefghijklmn");
AbstractDocument doc = (AbstractDocument) pf.getDocument();
doc.setDocumentFilter(new ASCIIOnlyDocumentFilter());

JTextField tf = new JTextField(24);
tf.setFont(FONT);
tf.enableInputMethods(false);
tf.setDocument(doc);

final CardLayout cardLayout = new CardLayout();
final JPanel p = new JPanel(cardLayout);
p.setAlignmentX(Component.RIGHT_ALIGNMENT);

p.add(pf, PasswordField.HIDE.toString());
p.add(tf, PasswordField.SHOW.toString());

AbstractButton b = new JToggleButton(new AbstractAction() {
  @Override public void actionPerformed(ActionEvent e) {
    AbstractButton c = (AbstractButton) e.getSource();
    PasswordField s = c.isSelected() ? PasswordField.SHOW : PasswordField.HIDE;
    cardLayout.show(p, s.toString());
  }
});
View in GitHub: Java, Kotlin

解説

  • 上: CardLayout
    • 同じDocumentを使用するJPasswordFieldJTextFieldCardLayoutを設定したJPanelに配置してJCheckBoxで切り替え
    • textField.enableInputMethods(false);として、インプットメソッドを使用不可に設定
  • 中: CardLayout + ASCII only filter
    • 同じDocumentを使用するJPasswordFieldJTextFieldCardLayoutを設定したJPanelに配置してJCheckBoxで切り替え
    • textField.enableInputMethods(false);として、インプットメソッドを使用不可に設定
    • ASCII以外の文字がコピー・ペーストなどできないようにするDocumentFilterを作成してDocumentに設定
  • 下: CardLayout + OverlayLayout
    • 同じDocumentを使用するJPasswordFieldJTextFieldCardLayoutを設定したJPanelを作成
    • OverlayLayoutを設定したJPanelに、上記のJPanelJToggleButtonを配置し、JPasswordFieldなどの内部右端にボタンが表示されるように設定
final CardLayout cardLayout = new CardLayout();
final JPanel p = new JPanel(cardLayout);
p.setAlignmentX(Component.RIGHT_ALIGNMENT);

p.add(pf, PasswordField.HIDE.toString());
p.add(tf, PasswordField.SHOW.toString());

AbstractButton b = new JToggleButton(new AbstractAction() {
  //...
});
b.setFocusable(false);
b.setOpaque(false);
b.setContentAreaFilled(false);
b.setBorder(BorderFactory.createEmptyBorder(0, 0, 0, 4));
b.setAlignmentX(Component.RIGHT_ALIGNMENT);
b.setAlignmentY(Component.CENTER_ALIGNMENT);
b.setIcon(new ColorIcon(Color.GREEN));
b.setRolloverIcon(new ColorIcon(Color.BLUE));
b.setSelectedIcon(new ColorIcon(Color.RED));
b.setRolloverSelectedIcon(new ColorIcon(Color.ORANGE));

JPanel panel = new JPanel() {
  @Override public boolean isOptimizedDrawingEnabled() {
    return false;
  }
};
panel.setLayout(new OverlayLayout(panel));
panel.add(b);

コメント