Show the password with EditText

Question

I use an EditText to enter password. And a CheckBox to show password or not. Below function is the part:

public void ShowPassword() { if (cb.isChecked()) { password.setInputType(InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD); } else { password.setInputType(InputType.TYPE_TEXT_VARIATION_PASSWORD); } }

When it checked, it show password. But when it not checked, it does show stars. How to modify it to show star while the cb is not checked?

You forgot to ask the question.

Adil Soomro
– Adil Soomro

2012-02-16 08:17:03 +00:00
Commented Feb 16, 2012 at 8:17 — Adil Soomro
– Adil Soomro, Commented Feb 16, 2012 at 8:17
Look at my answer about what is 129..

user370305
– user370305

2012-02-16 09:13:54 +00:00
Commented Feb 16, 2012 at 9:13 — user370305
– user370305, Commented Feb 16, 2012 at 9:13

josephus · Accepted Answer · 2015-11-11 01:11:55Z

I don't know exactly the specifics, but this code should work:

checkbox.setOnCheckedChangeListener(new OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { if(!isChecked) { password.setInputType(InputType.TYPE_TEXT_VARIATION_PASSWORD); } else { password.setInputType(129); } } });

129 is the input type set when setting android:inputType="textPassword"

edit:

as mentioned in @user370305's answer, 129 is the value of the bitwise or operation when you do

password.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD);

no idea either. probably a combination of the InputType ints, but I don't know which one. I came up with 129 by logging the InputType before changing anything.
1) this should hide back password when isChecked = true. Looks like opposite; 2) hides it the password back?
instead of 129 you can use (InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD | InputType.TYPE_CLASS_TEXT) because int TYPE_TEXT_VARIATION_PASSWORD = 128; int TYPE_CLASS_TEXT = 1;
@GeorgeTheodorakis You need to remove the String "VISIBLE_" from your comment to make it correct.

user370305 · Accepted Answer · 2012-02-16 09:22:51Z

This is not an answer,

Answer already given and accepted..

I just want to clarify about 129

password.setInputType(129);

is Actually,

password.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD);

'|' is not a pipe, it's a bitwise OR. It takes two binary numbers and if either of the bits of equal value are 1,

How this relates to the input type: Each of the InputTypes are actually just ints. TYPE_CLASS_TEXT is 1, and TYPE_TEXT_VARIATION_PASSWORD is 128 (or 10000000).

Perform a bitwise OR on them:

00000001 10000000 ------------ 10000001 which is 129.

Try entering input.setInputType(129); instead, you'll see it'll work. :)

Thanks, that cleared my mind. It's just sad knowing that the sdk doesn't have a single constant for something you can actually set on the xml itself.

JoseF · Accepted Answer · 2013-10-01 18:55:11Z

I think you are using the wrong function. I make that way and work perfectly:

passwordEditView = (EditText) rootView.findViewById(R.id.password); final CheckBox showPasswordCheckBox = (CheckBox) rootView.findViewById(R.id.checkbox); showPasswordCheckBox.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { if (showPasswordCheckBox.isChecked()){ passwordEditView.setTransformationMethod(null); }else{ passwordEditView.setTransformationMethod(new PasswordTransformationMethod()); } } });

haven't encountered PasswordTransformationMethod before. interesting. what else can it do?
Where you put null, another post says to use this: HideReturnsTransformationMethod.getInstance() - from: stackoverflow.com/a/19109453/2162226 . Your answer worked for me, but do you know if one is better than another? .. thanks
Thank you! This is the right answer. The accepted answer does not work in my tests. Please see this post about why setInputType is not the right one: stackoverflow.com/questions/2586301/…

benka · Accepted Answer · 2014-09-02 10:25:23Z

This might help you mate

checkBox.setOnCheckedChangeListener(new OnCheckedChangeListener() { public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { // checkbox status is changed from uncheck to checked. if (!isChecked) { // show password editText.setTransformationMethod(PasswordTransformationMethod.getInstance()); } else { // hide password editText.setTransformationMethod(HideReturnsTransformationMethod.getInstance()); } } });

Found this answer to be really helpful and looks like the proper way to achiever this. But wondering why does this have least downvote :(

moyheen · Accepted Answer · 2016-08-22 09:35:48Z

The Password Visibility Toggle feature has been added to support library version 24.2.0 enabling you to toggle the password straight from the password field without the need for a CheckBox.

You can make that work basically by setting an inputType of password on the TextInputEditText. Here's how to do that:

<android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.design.widget.TextInputEditText android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="@string/password" android:inputType="textPassword"/> </android.support.design.widget.TextInputLayout>

I discovered this myself when suddenly the toggle started appearing on my screens. Is there any way to turn this off?
Nevermind, I just saw your article on Medium where you explain the options

Deep P · Accepted Answer · 2017-05-01 00:03:44Z

use app:passwordToggleEnabled = true; available from Android support library version 24.2.0.

 <android.support.design.widget.TextInputLayout android:id="@+id/input_layout_password" android:layout_width="match_parent" android:layout_height="wrap_content" android:visibility="gone" app:passwordToggleEnabled="true" tools:visibility="visible" android:layout_marginBottom="@dimen/space_medium"> <android.support.design.widget.TextInputEditText android:id="@+id/input_password" android:layout_width="match_parent" android:layout_height="wrap_content" android:inputType="textPassword" android:imeOptions="actionDone" android:imeActionLabel="@string/btn_sign_in" android:hint="@string/hint_password" /> </android.support.design.widget.TextInputLayout>

waqaslam · Accepted Answer · 2012-02-16 08:25:47Z

instead of visible password, can you try with TYPE_TEXT_VARIATION_NORMAL

public void ShowPassword() { password.setInputType((cb.isChecked()) ? InputType.TYPE_TEXT_VARIATION_NORMAL : InputType.TYPE_TEXT_VARIATION_PASSWORD; }

Silvia H · Accepted Answer · 2016-02-16 16:05:42Z

Call this method inside your OnCheckedChangedListener

 public static void toggleShowPassword(boolean show, EditText editText) { if (show) editText.setInputType(InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD); else editText.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD); editText.setSelection(editText.length()); }

The EditText cursor resets its position after changing the InputType that's why we add the last line editText.setSelection(editText.length())

Varad Mondkar · Accepted Answer · 2017-11-01 19:28:40Z

This will work -

public void ShowPassword() { if (cb.isChecked()) { password.setInputType(InputType.TYPE_CLASS_TEXT); } else { password.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD); } }

ondrovic · Accepted Answer · 2017-06-29 21:52:53Z

on the off chance that you are using Xamarin (Visual Studio Mac as it's now called) you can achieve it this way (I used a Switch)

 /// <summary> /// Toggles the password. /// </summary> /// <param name="field">Field.</param> /// <param name="isChecked">If set to <c>true</c> is checked.</param> private void TogglePassword(TextView field, bool isChecked) { /// masks with password character if (isChecked) { field.TransformationMethod = new PasswordTransformationMethod(); } /// unmasks password else { field.TransformationMethod = null; }

Then on your Switch .click do something like this

switch.Click += delegate { TogglePassword(textView, switch.Checked); };

Sandip Armal Patil · Accepted Answer · 2013-04-16 07:15:24Z

okay:

To show readeable text:

setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD)

To "star" the password:

setInputType(InputType.TYPE_TEXT_VARIATION_PASSWORD)

But why? The Type_Text_Variation_Password set it to stars, but why does only adding Type_Claas_Text revive the visibel password?
I would have thought that Type_Text_Variation_VISIBLE_Password comes into play ...

TYPE_TEXT_VARIATION_PASSWORD also lets the keyboard know that it should treat the user input as a password and hence not store it as an autocomplete suggestion.

rink.attendant.6 · Accepted Answer · 2013-08-30 16:01:28Z

public void onCheckBox(View v2) { CheckBox cb = (CheckBox)this.findViewById(R.id.pass_Check); EditText et1=(EditText)this.findViewById(R.id.edt_Pass); if(cb.isChecked()) { et1.setInputType(InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD); } else { et1.setInputType(129); } }

Collectives™ on Stack Overflow

Show the password with EditText

12 Answers 12

4 Comments

1 Comment

3 Comments

1 Comment

4 Comments

Comments

1 Comment

Comments

Comments

Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

12 Answers 12

4 Comments

1 Comment

3 Comments

1 Comment

4 Comments

Comments

1 Comment

Comments

Comments

Comments

1 Comment

Comments

Linked

Related