Swing/ShowHidePasswordField のバックアップ(No.4)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Swing/ShowHidePasswordField へ行く。
  • 1 (2015-01-05 (月) 00:04:53)
  • 2 (2015-01-29 (木) 17:44:56)
  • 3 (2015-03-03 (火) 20:13:36)
  • 4 (2015-03-03 (火) 23:04:15)
  • 5 (2015-03-09 (月) 14:46:02)
  • 6 (2015-03-16 (月) 17:28:33)
  • 7 (2015-04-16 (木) 17:48:31)
  • 8 (2016-02-16 (火) 19:09:14)
  • 9 (2016-05-11 (水) 20:25:25)
  • 10 (2016-06-24 (金) 16:31:24)
  • 11 (2017-03-29 (水) 13:56:33)
  • 12 (2018-02-15 (木) 17:29:59)
  • 13 (2018-02-24 (土) 19:51:30)
  • 14 (2018-06-05 (火) 13:43:57)
  • 15 (2018-10-13 (土) 21:32:45)
  • 16 (2020-09-28 (月) 01:02:10)
  • 17 (2022-05-26 (木) 16:23:44)
  • 18 (2022-12-02 (金) 12:04:19)
  • 19 (2023-03-08 (水) 02:37:04)
  • 20 (2023-03-30 (木) 05:22:34)

• title: JPasswordFieldでパスワードを可視化する tags: [JPasswordField, JCheckBox, JToggleButton, OverlayLayout] author: aterai pubdate: 2015-01-05T00:29:05+09:00 description: JPasswordFieldに入力したパスワードの表示・非表示を切り替えるためのボタンを作成し、これを入力欄などに配置します。 hreflang:

     href: http://java-swing-tips.blogspot.com/2015/01/showhide-passwordfield-using-cardlayout.html
     lang: en

概要

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

JPasswordFieldに入力したパスワードの表示・非表示を切り替えるためのボタンを作成し、これを入力欄などに配置します。

Screenshot

Download

• Runnable JAR example.jar
• Source code src.zip
• Repository GitHub

サンプルコード

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

AbstractButton b = new JToggleButton(new AbstractAction() {
  @Override public void actionPerformed(ActionEvent e) {
    AbstractButton c = (AbstractButton) e.getSource();
    Character ec = c.isSelected() ? 0
        : (Character) UIManager.get("PasswordField.echoChar");
    pf.setEchoChar(ec);
  }
});
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);
panel.add(pf);

解説

上記のサンプルでは、JPasswordField#setEchoChar(...)メソッドの値に0を設定することで、パスワードを直接表示するように切り替えることのできるボタンを追加しています。

• 上: BorderLayoutで、JPasswordFieldの下にパスワード表示非表示切り替え用のJCheckBoxを配置
• 下: OverlayLayoutで、JPasswordField内の右端にパスワード表示非表示切り替え用のJToggleButtonを配置
  • JPasswordFieldとJToggleButtonを配置するJPanelに、OverlayLayoutを設定し、z軸が入れ替わらないように、JPanel#isOptimizedDrawingEnabled()が常にfalseを返すようオーバーライド

CardLayoutを使用するサンプルは、以下の理由で全面修正

• JPasswordField#setEchoChar(...) (Java Platform SE 8)に、「値0に設定すると、標準のJTextFieldの動作と同様に、テキストが入力したとおりに表示されます。」とあるように、passwordField.setEchoChar((char) 0);とすれば、CardLayoutを使って、JTextFieldを表示させなくても、パスワードを表示することが可能

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

参考リンク

• JPasswordField#setEchoChar(...) (Java Platform SE 8)

コメント