How to Switch Between Hide and View Password

How to switch between hide and view password

You can dynamically change the attributes of a TextView. If you would set the XML Atrribute android:password to true the view would show dots if you set it to false the text is shown.

With the method setTransformationMethod you should be able to change this attributes from code. (Disclaimer: I have not tested if the method still works after the view is displayed. If you encounter problems with that leave me a comment for me to know.)

The full sample code would be

yourTextView.setTransformationMethod(new PasswordTransformationMethod());

to hide the password. To show the password you could set one of the existing transformation methods or implement an empty TransformationMethod that does nothing with the input text.

yourTextView.setTransformationMethod(new DoNothingTransformation());

Show or Hide text using password toggle

Starting from the 1.2.0 this is the default behavior:

enter image description here

If you want to reverse the icon you can use something like:

    <com.google.android.material.textfield.TextInputLayout
        app:endIconDrawable="@drawable/custom_password_eye"

with:

    <animated-selector xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        tools:ignore="NewApi">
    
        <item
            android:id="@+id/visible"
            android:drawable="@drawable/design_ic_visibility"
            android:state_checked="true"/>
    
        <item
            android:id="@+id/masked"
            android:drawable="@drawable/design_ic_visibility_off"/>
    
        <transition
            android:drawable="@drawable/avd_show_password"
            android:fromId="@id/masked"
            android:toId="@id/visible"/>
    
        <transition
            android:drawable="@drawable/avd_hide_password"
            android:fromId="@id/visible"
            android:toId="@id/masked"/>
    
    </animated-selector>

enter image description here

How to hide and show password on button click in android?

You have used OnTouchListener which gives you MotionEvent's. Use them! No need to check the button is pressed again as long as you are pressing it MotionEvent is there.

To visible a password field with with the password :inputType = TYPE_CLASS_TEXT | TYPE_TEXT_VARIATION_VISIBLE_PASSWORD

When the button is pressed MotionEvent.ACTION_UP So you can visible the text.
When MotionEvent.ACTION_DOWN keep it as it was at the beginning.

 button.setOnTouchListener(new OnTouchListener() {
    public boolean onTouch(View v, MotionEvent event) {

            switch ( event.getAction() ) {

            case MotionEvent.ACTION_UP:
            editText.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD);
            break;

            case MotionEvent.ACTION_DOWN:
            editText.setInputType(InputType.TYPE_CLASS_TEXT);
            break;

            }
            return true;
            }
            });

Edit text Password Toggle Android

(updated for AndroidX)

Since the Support Library v24.2.0. you can achivie this very easy

What you need to do is just:

Add the design library to your dependecies

 dependencies {
     implementation "com.google.android.material:material:1.2.1"
 }

Use TextInputEditText in conjunction with TextInputLayout

 <com.google.android.material.textfield.TextInputLayout
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:id="@+id/etPasswordLayout"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     app:passwordToggleEnabled="true">

     <android.support.design.widget.TextInputEditText
         android:id="@+id/etPassword"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:hint="@string/password_hint"
         android:inputType="textPassword"/>
 </com.google.android.material.textfield.TextInputLayout>

passwordToggleEnabled attribute will make the password toggle appear

In your root layout don't forget to add xmlns:app="http://schemas.android.com/apk/res-auto"
You can customize your password toggle by using:

app:passwordToggleDrawable - Drawable to use as the password input visibility toggle icon.

app:passwordToggleTint - Icon to use for the password input visibility toggle.

app:passwordToggleTintMode - Blending mode used to apply the background tint.

More details in TextInputLayout documentation.

enter image description here