パスワードの非表示と表示を切り替える方法
回答:
TextViewの属性を動的に変更できます。XML属性android:passwordをtrueに設定すると、falseに設定するとビューにドットが表示され、テキストが表示されます。
メソッドsetTransformationMethodを使用すると、この属性をコードから変更できるはずです。（免責事項：ビューが表示された後もメソッドが機能するかどうかはテストしていません。問題が発生した場合は、コメントを残してください。）
完全なサンプルコードは
yourTextView.setTransformationMethod(new PasswordTransformationMethod());パスワードを非表示にします。パスワードを表示するには、既存の変換メソッドの1つを設定するか、入力テキストに対して何もしない空のTransformationMethodを実装します。
yourTextView.setTransformationMethod(new DoNothingTransformation());
@Janusz、次の使用はgudソリューションを提供します。setTransformationMethod（PasswordTransformationMethod.getInstance（））; そしてsetTransformationMethod（HideReturnsTransformationMethod.getInstance（））;
—
sujith s、2015
@Januszしかし、キーボードでキーを表示/非表示にする方法は？
—
Narendra Singh
EditeTextでsetTransformationMethodを呼び出すときに、EditTextのonTextChangedコールバックが呼び出されています...これが発生していない可能性はありますか？
—
tsiro 2016
正しい。「setTransformationMethod（）が重要です。etPassword.setTransformationMethod（null）/ etPassword.setTransformationMethod（new PasswordTransformationMethod（））をリスナーで切り替えるだけです。デフォルトでは、xml EditView "android：inputType =" textPassword 「」
—
セルジオ
Support Library v24.2.0以降、これは非常に簡単に実現できます。
あなたがする必要があるのはただです：
依存関係にデザインライブラリを追加する
dependencies { compile "com.android.support:design:24.2.0" }TextInputEditTextと組み合わせて使用TextInputLayout<android.support.design.widget.TextInputLayout android:id="@+id/etPasswordLayout" android:layout_width="match_parent" android:layout_height="wrap_content" app:passwordToggleEnabled="true" android:layout_marginBottom="@dimen/login_spacing_bottom"> <android.support.design.widget.TextInputEditText android:id="@+id/etPassword" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="@string/fragment_login_password_hint" android:inputType="textPassword"/> </android.support.design.widget.TextInputLayout>
passwordToggleEnabled属性は、仕事をします！
ルートレイアウトに追加することを忘れないでください
xmlns:app="http://schemas.android.com/apk/res-auto"次のコマンドを使用して、パスワードトグルをカスタマイズできます。
app:passwordToggleDrawable-パスワード入力の表示切り替えアイコンとして使用するドローアブル。
app:passwordToggleTint-パスワード入力の表示切り替えに使用するアイコン。
app:passwordToggleTintMode-背景の色合いを適用するために使用されるブレンドモード。
詳細については、TextInputLayoutのドキュメントをご覧ください。
AndroidXの場合
交換する
android.support.design.widget.TextInputLayoutとcom.google.android.material.textfield.TextInputLayout交換する
android.support.design.widget.TextInputEditTextとcom.google.android.material.textfield.TextInputEditText
バージョン25.1.0で私は奇妙な動作をします。パスワードの切り替えを1回表示しますが、それを押すとo_O 'が消えます
—
MiguelHincapieC
—
報告でき
@ Delta7いくつかの方法と回避策があります。SOに質問して、ここにリンクを貼り付けてください。私がお手伝いします。
—
mmBs 2017年
ありがとう。ただし、私のビルドでは、表示/非表示のグラフィックがスクリーンショットと逆に奇妙に反転しています-パスワードが非表示のときは取り消し線が表示されています-ボタンがアクション（または目標状態）ではなく現在の状態を表示するように決定したと思います。
—
ジョシュサッターフィールド
@JoshSutterfieldは同意します。したがって、アクションボタンが必要な場合は、 Googleでこの動作を修正する必要があると思われるように、手動で反転させる
—
Rahmat Ihsan
app:passwordToggleDrawableか（非推奨）、またはapp:endIconDrawableカスタムドローアブルを使用する<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/ic_eye_close" android:state_checked="true"/> <item android:drawable="@drawable/ic_eye_open"/> </selector>必要があります。 良い議論
パスワードの代わりにドットを表示するには、PasswordTransformationMethodを設定します。
yourEditText.setTransformationMethod(new PasswordTransformationMethod());もちろん、これをxmlレイアウトのedittext要素でデフォルトで設定できます
android:password読み取り可能なパスワードを再表示するには、変換メソッドとしてnullを渡すだけです。
yourEditText.setTransformationMethod(null);android:passwordは非推奨になりましたandroid:inputType。代わりに使用してください。
変換方法を設定する前にカーソル位置を保存し、その後に復元することで、ユーザーを満足させることもできます。カーソル位置の保存と復元には、
—
モスタファ
editText.getSelectionStart()およびeditText.getSelectionEnd()を使用しますeditText.setSelection(start, end)。
@Wilka：android：inputTypeでは、実行時に2つの状態を切り替えることができません。一度だけ切り替えることができ、一度変更すると、元に戻すことはできません。いいえ、setTransformationMethodは非推奨ではありません。
—
AndroidDev 2013年
@Qlimaxしかし、キーボードでキーを表示/非表示にする方法は？
—
Narendra Singh
@DroidWormNarendraでは、通常、イベントリスナーをパスワード入力の間、またはここで説明するようにパスワード入力内の「目の画像」にアタッチします：stackoverflow.com/questions/3554377/…。次に、このイベントリスナーでパスワードを表示/非表示にできます。AFAIKでは、キーボードに一部の表示/非表示キーを設定できません
—
Qlimax
表示するには：
editText.setInputType(InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD);隠れる：
editText.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD);これらのそれぞれの後にカーソルがリセットされるので、
editText.setSelection(editText.length());
Android 4.3と5.0でテスト済み。ドキュメントは、これがAPI 3まで機能するように見せています。
—
James
@MattLoganしかし、キーボードでキーを表示/非表示にする方法は？
—
Narendra Singh
これは、ここで最も簡単な答えです。ありがとう。（奇妙なことに、それは認められていません）
—
Tina
これは、実行時に変更されたときに機能しないようです。また、行の最後でなければ、ユーザーの最後のカーソル位置/選択を復元しません。
—
トム
使用できます app:passwordToggleEnabled="true"
ここに以下の例があります
<android.support.design.widget.TextInputLayout
android:id="@+id/password"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:passwordToggleEnabled="true"
android:textColorHint="@color/colorhint"
android:textColor="@color/colortext">
今日は答えを使用することをお
—
勧めし
私の場合、ビューの高さが増加します。トグルドローアブルからパディングを削除する方法はありますか？
—
サダフセイン
これは、マテリアルコンポーネントでは非推奨です。を使用し
—
ニコラス
app:endIconMode="password_toggle"ます。
チェックボックスを使用して、それに応じて入力タイプを変更します。
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
int start,end;
Log.i("inside checkbox chnge",""+isChecked);
if(!isChecked){
start=passWordEditText.getSelectionStart();
end=passWordEditText.getSelectionEnd();
passWordEditText.setTransformationMethod(new PasswordTransformationMethod());;
passWordEditText.setSelection(start,end);
}else{
start=passWordEditText.getSelectionStart();
end=passWordEditText.getSelectionEnd();
passWordEditText.setTransformationMethod(null);
passWordEditText.setSelection(start,end);
}
}private boolean isPasswordVisible;
private TextInputEditText firstEditText;...
firstEditText = findViewById(R.id.et_first);...
private void togglePassVisability() {
if (isPasswordVisible) {
String pass = firstEditText.getText().toString();
firstEditText.setTransformationMethod(PasswordTransformationMethod.getInstance());
firstEditText.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD);
firstEditText.setText(pass);
firstEditText.setSelection(pass.length());
} else {
String pass = firstEditText.getText().toString();
firstEditText.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
firstEditText.setInputType(InputType.TYPE_CLASS_TEXT);
firstEditText.setText(pass);
firstEditText.setSelection(pass.length());
}
isPasswordVisible= !isPasswordVisible;
}
テキストを再度設定する必要はなく、firstEditText.invalidate（）;を呼び出すだけです。
—
Gunavant Patel
それは私の仕事です。これは間違いなくあなたを助けます
showpass.setOnCheckedChangeListener(new OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if(!isChecked){
// show password
password_login.setTransformationMethod(PasswordTransformationMethod.getInstance());
Log.i("checker", "true");
}
else{
Log.i("checker", "false");
// hide password
password_login.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
}
}
});良い答えがあっても、この質問に答えたいと思います。
ドキュメントTransformationMethodに従って私たちの使命を果たします
TransformationMethod
TextViewはTransformationMethodsを使用して、パスワードの文字をドットで置き換える、または改行文字が1行のテキストフィールドで改行しないようにするなどの処理を行います。
バターナイフを使用していることに注意してください。ただし、ユーザーがパスワードを表示する場合は同じです。
@OnCheckedChanged(R.id.showpass)
public void onChecked(boolean checked){
if(checked){
et_password.setTransformationMethod(null);
}else {
et_password.setTransformationMethod(new PasswordTransformationMethod());
}
// cursor reset his position so we need set position to the end of text
et_password.setSelection(et_password.getText().length());
}数行でShowPassword / HidePasswordコードを追加でき、ブロックに自己完結します。
protected void onCreate(Bundle savedInstanceState) {
...
etPassword = (EditText)findViewById(R.id.password);
etPassword.setTransformationMethod(new PasswordTransformationMethod()); // Hide password initially
checkBoxShowPwd = (CheckBox)findViewById(R.id.checkBoxShowPwd);
checkBoxShowPwd.setText(getString(R.string.label_show_password)); // Hide initially, but prompting "Show Password"
checkBoxShowPwd.setOnCheckedChangeListener( new CompoundButton.OnCheckedChangeListener() {
public void onCheckedChanged(CompoundButton arg0, boolean isChecked) {
if (isChecked) {
etPassword.setTransformationMethod(null); // Show password when box checked
checkBoxShowPwd.setText(getString(R.string.label_hide_password)); // Prompting "Hide Password"
} else {
etPassword.setTransformationMethod(new PasswordTransformationMethod()); // Hide password when box not checked
checkBoxShowPwd.setText(getString(R.string.label_show_password)); // Prompting "Show Password"
}
}
} );
...私も同じ問題を抱えていて、実装は非常に簡単です。
EditTextフィールドを（com.google.android.material.textfield.TextInputLayout）にラップし、その中に（app：passwordToggleEnabled = "true"）を追加するだけです。
これにより、EditTextフィールドに目が表示され、クリックするとパスワードが表示され、もう一度クリックするとパスワードが消えます。
<com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:textColorHint="#B9B8B8"
app:passwordToggleEnabled="true">
<EditText
android:id="@+id/register_password"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="24dp"
android:layout_marginRight="44dp"
android:backgroundTint="#BEBEBE"
android:hint="Password"
android:inputType="textPassword"
android:padding="16dp"
android:textSize="18sp" />
</com.google.android.material.textfield.TextInputLayout>private int passwordNotVisible=1;
@Override
protected void onCreate(Bundle savedInstanceState) {
showPassword = (ImageView) findViewById(R.id.show_password);
showPassword.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
EditText paswword = (EditText) findViewById(R.id.Password);
if (passwordNotVisible == 1) {
paswword.setInputType(InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD);
passwordNotVisible = 0;
} else {
paswword.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD);
passwordNotVisible = 1;
}
paswword.setSelection(paswword.length());
}
});
}非常に単純な形で：
private fun updatePasswordVisibility(editText: AppCompatEditText) {
if (editText.transformationMethod is PasswordTransformationMethod) {
editText.transformationMethod = null
} else {
editText.transformationMethod = PasswordTransformationMethod()
}
editText.setSelection(editText.length())
}それが役に立てば幸い。
以下のコードを使用して、パスワードの表示/非表示を切り替えることができます。
XMLコード：
<EditText
android:id="@+id/etPassword"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="21dp"
android:layout_marginTop="14dp"
android:ems="10"
android:inputType="textPassword" >
<requestFocus />
</EditText>
<CheckBox
android:id="@+id/cbShowPwd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/etPassword"
android:layout_below="@+id/etPassword"
android:text="@string/show_pwd" />Javaコード：
EditText mEtPwd;
CheckBox mCbShowPwd;
mEtPwd = (EditText) findViewById(R.id.etPassword);
mCbShowPwd = (CheckBox) findViewById(R.id.cbShowPwd);
mCbShowPwd.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
// checkbox status is changed from uncheck to checked.
if (!isChecked) {
// show password
mEtPwd.setTransformationMethod(PasswordTransformationMethod.getInstance());
} else {
// hide password
mEtPwd.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
}
}
});これを試して：
最初に、次のようにフラグをグローバルとして定義します。
private boolean isShowPassword = false;リスナーを設定して、パスワードボタンの表示と非表示のタップを処理します
imgPassword.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (isShowPassword) {
etPassword.setTransformationMethod(new PasswordTransformationMethod());
imgPassword.setImageDrawable(getResources().getDrawable(R.drawable.ic_eye_hide));
isShowPassword = false;
}else{
etPassword.setTransformationMethod(null);
imgPassword.setImageDrawable(getResources().getDrawable(R.drawable.ic_eye_show));
isShowPassword = true;
}
}
});githubでhttps://github.com/maksim88/PasswordEditTextプロジェクトを試してください。それを使用してJavaコードを変更する必要すらありません。ただ変える
EditText
タグ付け
com.maksim88.passwordedittext.PasswordEditText
XMLファイル内。
このコンポーネントでsetErrorを使用する方法はありますか？エラーにフラグが付けられると、表示/非表示アイコンが非表示になります
—
guisantogui
チェックボックスでパスワードEdit_Textを表示および非表示にする
XML
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
android:layout_height="match_parent">
<EditText
android:inputType="textPassword"
android:id="@+id/edtPass"
android:textSize="20dp"
android:hint="password"
android:padding="20dp"
android:background="#efeaea"
android:layout_width="match_parent"
android:layout_margin="20dp"
android:layout_height="wrap_content" />
<CheckBox
android:background="#ff4"
android:layout_centerInParent="true"
android:textSize="25dp"
android:text="show password"
android:layout_below="@id/edtPass"
android:id="@+id/showPassword"
android:layout_marginTop="20dp"
android:layout_width="wrap_content"
android:gravity="top|right"
android:layout_height="wrap_content" />
</RelativeLayout>Javaコード
package com.example.root.sql2;
import android.annotation.SuppressLint;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.AppCompatCheckBox;
import android.support.v7.widget.Toolbar;
import android.text.method.HideReturnsTransformationMethod;
import android.text.method.PasswordTransformationMethod;
import android.view.View;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.EditText;
public class password extends AppCompatActivity {
EditText password;
CheckBox show_hide_password;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.hide);
findViewById();
show_hide_pass();
}//end onCreate
public void show_hide_pass(){
show_hide_password.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
if (!b){
// hide password
password.setTransformationMethod(PasswordTransformationMethod.getInstance());
}else{
// show password
password.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
}
}
});
} // end show_hide_pass
public void findViewById(){ // find ids ui and
password = (EditText) findViewById(R.id.edtPass);
show_hide_password = (CheckBox) findViewById(R.id.showPassword);
}//end findViewById
}// end classsetTransformationMethodを試しましたか？TextViewから継承されており、パラメーターとしてTransformationMethodが必要です。
TransformationMethodsの詳細については、こちらをご覧ください。
また、文字の置き換えなど、いくつかのクールな機能があります。
回答のリンクは無効です- 「ステータスコード：404が見つかりません」。
—
パン
developer.android.com/reference/android/text/method/…は、Androidの変換メソッドに関する情報のより良いURLかもしれません。
—
Mr.Drew
私がしたことは
- エディットテキストビューと通常のテキストビューを作成する
- （Facebookアプリのログイン画面のように）制約レイアウトを使用して、それらを互いにオーバーラップさせます
- 通常のテキストビューにonClickListenerをアタッチして、それに応じて編集テキストビューの入力タイプを変更します（表示/非表示）。
詳細な手順と説明については、このビデオをチェックしてくださいhttps://youtu.be/md3eVaRzdIM
それが役に立てば幸い ：）
TextInputEditTextとTransformationメソッドを使用しない私の解決策を次に示します。
XML
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
style="@style/FormLabel"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/username" />
<EditText
android:id="@+id/loginUsername"
style="@style/EditTextStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:drawableLeft="@drawable/ic_person_outline_black_24dp"
android:drawableStart="@drawable/ic_person_outline_black_24dp"
android:inputType="textEmailAddress"
android:textColor="@color/black" />
<TextView
style="@style/FormLabel"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:text="@string/password" />
<EditText
android:id="@+id/loginPassword"
style="@style/EditTextStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:drawableEnd="@drawable/ic_visibility_off_black_24dp"
android:drawableLeft="@drawable/ic_lock_outline_black_24dp"
android:drawableRight="@drawable/ic_visibility_off_black_24dp"
android:drawableStart="@drawable/ic_lock_outline_black_24dp"
android:inputType="textPassword"
android:textColor="@color/black" />
</LinearLayout>Javaコード
boolean VISIBLE_PASSWORD = false; //declare as global variable befor onCreate()
loginPassword = (EditText)findViewById(R.id.loginPassword);
loginPassword.setOnTouchListener(new View.OnTouchListener() {
public boolean onTouch(View v, MotionEvent event) {
final int DRAWABLE_LEFT = 0;
final int DRAWABLE_TOP = 1;
final int DRAWABLE_RIGHT = 2;
final int DRAWABLE_BOTTOM = 3;
if (event.getAction() == MotionEvent.ACTION_UP) {
if (event.getRawX() >= (loginPassword.getRight() - loginPassword.getCompoundDrawables()[DRAWABLE_RIGHT].getBounds().width())) {
// your action here
//Helper.toast(LoginActivity.this, "Toggle visibility");
if (VISIBLE_PASSWORD) {
VISIBLE_PASSWORD = false;
loginPassword.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD);
loginPassword.setCompoundDrawablesWithIntrinsicBounds(R.drawable.ic_lock_outline_black_24dp, 0, R.drawable.ic_visibility_off_black_24dp, 0);
} else {
VISIBLE_PASSWORD = true;
loginPassword.setInputType(InputType.TYPE_CLASS_TEXT);
loginPassword.setCompoundDrawablesWithIntrinsicBounds(R.drawable.ic_lock_outline_black_24dp, 0, R.drawable.ic_visibility_black_24dp, 0);
}
return false;
}
}
return false;
}
});このソースによると、プロジェクトをAndroidXに移行した場合は、
compile "com.android.support:design:24.2.0"
と
implementation "com.google.android.material:material:1.0.0"
次に、以下のコードをレイアウトファイルに追加するだけです。
<com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:passwordToggleEnabled="true"
android:hint="@string/hint_text">
<com.google.android.material.textfield.TextInputEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
</com.google.android.material.textfield.TextInputLayout>材料の詳細についてはTextInputLayout見つけることができるここに。
このソースには、AndroidサポートライブラリからAndroidXに移行することをお勧めします。
AndroidXは、AndroidチームがJetpack内のライブラリの開発、テスト、パッケージ、バージョン、リリースに使用するオープンソースプロジェクトです。
AndroidXは、元のAndroidサポートライブラリを大幅に改善したものです。サポートライブラリと同様に、AndroidXはAndroid OSとは別に出荷され、Androidリリース間での下位互換性を提供します。AndroidXは、機能の同等性と新しいライブラリを提供することにより、サポートライブラリを完全に置き換えます。さらに、AndroidXには次の機能が含まれています。
AndroidXのすべてのパッケージは、文字列androidxで始まる一貫した名前空間にあります。サポートライブラリパッケージは、対応するandroidx。*パッケージにマッピングされています。すべての古いクラスとビルドアーティファクトの新しいクラスへの完全なマッピングについては、パッケージリファクタリングページを参照してください。
サポートライブラリとは異なり、AndroidXパッケージは個別に維持および更新されます。androidxパッケージは、バージョン1.0.0以降の厳密なセマンティックバージョニングを使用します。プロジェクト内のAndroidXライブラリを個別に更新できます。
新しいサポートライブラリの開発はすべてAndroidXライブラリで行われます。これには、元のサポートライブラリアーティファクトのメンテナンスと新しいJetpackコンポーネントの導入が含まれます。
まず、これは画像ベクトルアセットの可視性がロードされた画面です
クリックすると、この画像の表示がオフになります
上記のパスワードスイッチのコード（xmlコード）
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/laypass"
android:layout_width="330dp"
android:layout_height="50dp"
android:layout_marginTop="24dp"
app:layout_constraintEnd_toEndOf="@+id/editText3"
app:layout_constraintStart_toStartOf="@+id/editText3"
app:layout_constraintTop_toBottomOf="@+id/editText3">
<EditText
android:id="@+id/edit_password"
style="@style/EditTextTheme"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/round"
android:drawableLeft="@drawable/ic_password"
android:drawablePadding="10dp"
android:ems="10"
android:hint="Password"
android:inputType="textPassword"
android:paddingLeft="10dp"
android:paddingRight="15dp"
android:textColor="@color/cyan92a6"
android:textColorHint="@color/cyan92a6"
android:textCursorDrawable="@null"
android:textSize="18sp"
/>
<ImageView
android:id="@+id/show_pass_btn"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginEnd="8dp"
android:alpha=".5"
android:onClick="ShowHidePass"
android:padding="5dp"
android:src="@drawable/ic_visibility"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="@+id/laypass"
app:layout_constraintTop_toTopOf="@+id/edit_password" />
</androidx.constraintlayout.widget.ConstraintLayout>ボタン操作のJavaコード
public void ShowHidePass(View view) {
if(view.getId()==R.id.show_pass_btn){
if(edit_password.getTransformationMethod().equals(PasswordTransformationMethod.getInstance())){
((ImageView)(view)).setImageResource(R.drawable.ic_visibility_off);
//Show Password
edit_password.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
}
else{
((ImageView)(view)).setImageResource(R.drawable.ic_visibility);
//Hide Password
edit_password.setTransformationMethod(PasswordTransformationMethod.getInstance());
}
}
}XMLではこのようにします
<LinearLayout
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:orientation="vertical"
>
<RelativeLayout
android:id="@+id/REFReLayTellFriend"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
>
<EditText
android:id="@+id/etpass1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@android:color/transparent"
android:bottomLeftRadius="10dp"
android:bottomRightRadius="50dp"
android:fontFamily="@font/frutiger"
android:gravity="start"
android:inputType="textPassword"
android:hint="@string/regpass_pass1"
android:padding="20dp"
android:paddingBottom="10dp"
android:textColor="#000000"
android:textColorHint="#d3d3d3"
android:textSize="14sp"
android:topLeftRadius="10dp"
android:topRightRadius="10dp"/>
<ImageButton
android:id="@+id/imgshowhide1"
android:layout_width="40dp"
android:layout_height="20dp"
android:layout_marginTop="20dp"
android:layout_marginRight="10dp"
android:background="@drawable/showpass"
android:layout_alignRight="@+id/etpass1"/>
</RelativeLayout>
boolean show=true;
//on image click inside password do this
if(show){
imgshowhide2.setBackgroundResource(0);
imgshowhide2.setBackgroundResource(R.drawable.hide);
etpass2.setInputType(InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD);
etpass2.setSelection(etpass2.getText().length());
show=false;
}else{
imgshowhide2.setBackgroundResource(0);
imgshowhide2.setBackgroundResource(R.drawable.showpass);
//etpass1.setInputType(InputType.TYPE_TEXT);
etpass2.setInputType(InputType.TYPE_CLASS_TEXT |
InputType.TYPE_TEXT_VARIATION_PASSWORD);
etpass2.setSelection(etpass2.getText().length());
show=true;
}私のコトリン拡張。いつでもどこでも使える
fun EditText.tooglePassWord() {
this.tag = !((this.tag ?: false) as Boolean)
this.inputType = if (this.tag as Boolean)
InputType.TYPE_TEXT_VARIATION_PASSWORD
else
(InputType.TYPE_CLASS_TEXT or InputType.TYPE_TEXT_VARIATION_PASSWORD)
this.setSelection(this.length()) }このメソッドを任意のファイルに保存して、どこでも使用できます。
ivShowPassword.click { etPassword.tooglePassWord() }ここで、ivShowPasswordはimageview（目）をクリックし、etPasswordはEditextです。
良い解決策です。ボタンを設定してから、次のコードを使用します。
public void showPassword(View v)
{
TextView showHideBtnText = (TextView) findViewById(R.id.textView1);
if(showHideBtnText.getText().toString().equals("Show Password")){
password.setTransformationMethod(null);
showHideBtnText.setText("Hide");
} else{
password.setTransformationMethod(new PasswordTransformationMethod());
showHideBtnText.setText("Show Password");
}
}このメソッドを追加します。
fun EditText.revertTransformation() {
transformationMethod = when(transformationMethod) {
is PasswordTransformationMethod -> SingleLineTransformationMethod.getInstance()
else -> PasswordTransformationMethod.getInstance()
}
}これを呼び出すと、入力タイプの状態が切り替わります（単一線変換をお気に入りに変更できます）。使用例：
editText.revertTransformation()1> Make a selector file "show_password_selector.xml".
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/pwd_hide"
android:state_selected="true"/>
<item android:drawable="@drawable/pwd_show"
android:state_selected="false" />
</selector>
2>set "show_password_selector" file into imageview.
<ImageView
android:id="@+id/iv_pwd"
android:layout_width="@dimen/_35sdp"
android:layout_height="@dimen/_25sdp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="@dimen/_15sdp"
android:src="@drawable/show_password_selector" />
3> put below code in java file.
iv_new_pwd.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (iv_new_pwd.isSelected()) {
iv_new_pwd.setSelected(false);
Log.d("mytag", "in case 1");
edt_new_pwd.setInputType(InputType.TYPE_CLASS_TEXT);
} else {
Log.d("mytag", "in case 1");
iv_new_pwd.setSelected(true);
edt_new_pwd.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD);
}
}
});1> Make a selector file "show_password_selector.xml".
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/pwd_hide"
android:state_selected="true"/>
<item android:drawable="@drawable/pwd_show"
android:state_selected="false" />
</selector>
2>set "show_password_selector" file into imageview.
<ImageView
android:id="@+id/iv_pwd"
android:layout_width="@dimen/_35sdp"
android:layout_height="@dimen/_25sdp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="@dimen/_15sdp"
android:src="@drawable/show_password_selector" />
3> put below code in java file.
iv_new_pwd.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (iv_new_pwd.isSelected()) {
iv_new_pwd.setSelected(false);
Log.d("mytag", "in case 1");
edt_new_pwd.setInputType(InputType.TYPE_CLASS_TEXT);
} else {
Log.d("mytag", "in case 1");
iv_new_pwd.setSelected(true);
edt_new_pwd.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD);
}
}
});if (inputPassword.getTransformationMethod() == PasswordTransformationMethod.getInstance()) {
//password is visible
inputPassword.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
}
else if(inputPassword.getTransformationMethod() == HideReturnsTransformationMethod.getInstance()) {
//password is hidden
inputPassword.setTransformationMethod(PasswordTransformationMethod.getInstance());
}
setTransformationMethod(null)。