How to switch between hide and view password

Question

Is there a clever way to let the user switch between hide and view password in an android EditText  A number of PC based apps let the user do this

User · Answer

To show   editText setInputType InputType TYPE TEXT VARIATION VISIBLE PASSWORD     To hide   editText setInputType InputType TYPE CLASS TEXT   InputType TYPE TEXT VARIATION PASSWORD     After each of these the cursor is reset  so   editText setSelection editText length

User · Answer

I had the same issue and it is very easy to implement   All you have to do is wrap your EditText field in a  com google android material textfield TextInputLayout  and in that add   app passwordToggleEnabled  true       This will show the eye in the EditText field and when you click on it the password will appear and disappear when clicked again    lt com google android material textfield TextInputLayout                 android layout width  match parent                  android layout height  match parent                  android textColorHint   B9B8B8                  app passwordToggleEnabled  true  gt                    lt 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    gt               lt  com google android material textfield TextInputLayout gt

User · Answer

My Kotlin extension   write once use everywhere  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        You can keep this method in any file and use it everywhere use it like this  ivShowPassword click   etPassword tooglePassWord       where ivShowPassword is clicked imageview  eye  and etPassword is Editext

User · Answer

If you want a simple solution you can use this extension of Android s EditText go to this link for more info  https   github com scottyab showhidepasswordedittext Add this to your build gradle  implementation  com github scottyab showhidepasswordedittext 0 8  Then change your EditText in your XML file  From   lt EditText To   lt com scottyab showhidepasswordedittext ShowHidePasswordEditText That s all  Note  You can t see it while in XML Design  try to run it in your Emulator or Physical Device

User · Answer

It is really easy to achieve since the Support Library v24 2 0   What you need to do is just    Add the design library to your dependecies  dependencies        compile  com android support design 24 2 0     Use TextInputEditText in conjunction with TextInputLayout   lt 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  gt        lt 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   gt   lt  android support design widget TextInputLayout gt     The passwordToggleEnabled attribute will do the job    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     For AndroidX   Replace android support design widget TextInputLayout with com google android material textfield TextInputLayout Replace android support design widget TextInputEditText with com google android material textfield TextInputEditText

User · Answer

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

User · Answer

In XML do like this           lt LinearLayout           android layout height  wrap content            android layout width  fill parent            android orientation  vertical             gt             lt RelativeLayout               android id    id REFReLayTellFriend                android layout width  match parent                android layout height  wrap content                android orientation  horizontal                 gt             lt 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   gt                 lt 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   gt             lt  RelativeLayout gt        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

User · Answer

What I did was to    Create an edit text view and a normal text view Make them overlap with each other by using constraint layout  just like Facebook app login screen  Attach an onClickListener to the normal text view so that it changes the input type of the edit text view accordingly  Visible   Non-visible    You may check out this video for a more detailed steps and explanations https   youtu be md3eVaRzdIM  Hope it helps

User · Answer

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

User · Answer

Use the below code     val hidePasswordMethod   PasswordTransformationMethod       showOrHidePasswordButton setOnClickListener           passwordEditText apply               transformationMethod                   if  transformationMethod is PasswordTransformationMethod                      null   shows password                else                     hidePasswordMethod   hides password                  and make sure you add this to your password edittext in layout     android inputType  quot textPassword quot

User · Answer

To show the dots instead of the password set the PasswordTransformationMethod   yourEditText setTransformationMethod new PasswordTransformationMethod       of course you can set this by default in your edittext element in the xml layout with  android password   To re-show the readable password  just pass null as transformation method   yourEditText setTransformationMethod null

User · Answer

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

User · Answer

In very simple form   private fun updatePasswordVisibility editText  AppCompatEditText            if  editText transformationMethod is PasswordTransformationMethod                editText transformationMethod   null           else               editText transformationMethod   PasswordTransformationMethod                     editText setSelection editText length            Hope it helps

User · Answer

Try this     First define a flag as global like this        private boolean isShowPassword   false    And set listener to handle tap on show and hide password button     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

User · Answer

At first this is the screen loaded with an image vector asset visibility   on click it will change to this image visibility off   code for above password switch xml code    lt 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  gt        lt 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            gt        lt 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    gt     lt  androidx constraintlayout widget ConstraintLayout gt    Java code for button operation   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

User · Answer

Try https   github com maksim88 PasswordEditText project at github  You dont even need to change your Java code using it  Just change    EditText  tag to  com maksim88 passwordedittext PasswordEditText  in your XML file

User · Answer

Did you try with setTransformationMethod  It s inherited from TextView and want a TransformationMethod as a parameter   You can find more about TransformationMethods here   It also has some cool features  like character replacing

User · Answer

It s work for me This will help you definitely    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

User · Answer

Here is my solution without using TextInputEditText and Transformation method   XML   lt LinearLayout         android layout width  match parent          android layout height  wrap content          android orientation  vertical  gt            lt TextView             style   style FormLabel              android layout width  match parent              android layout height  wrap content              android text   string username    gt            lt 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    gt            lt TextView             style   style FormLabel              android layout width  match parent              android layout height  wrap content              android layout marginTop  20dp              android text   string password    gt            lt 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    gt       lt  LinearLayout gt    Java Code  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    gt    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

User · Answer

A good solution  Set up a button  then use this code   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

User · Answer

I feel I want answer this question even there some good answers   according to documentation TransformationMethod do our mission  TransformationMethod TextView uses TransformationMethods to do things like replacing the characters of passwords with dots  or keeping the newline characters from causing line breaks in single-line text fields   Notice I use butter knife  but its the same if user check show password  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

User · Answer

You can use   app passwordToggleEnabled  true   here is example given below   lt 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  gt

User · Answer

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

User · Answer

1 - Make a selector file  quot show password selector xml quot   lt selector xmlns android  quot http   schemas android com apk res android quot  gt       lt item android drawable  quot  drawable pwd hide quot            android state selected  quot true quot   gt       lt item android drawable  quot  drawable pwd show quot            android state selected  quot false quot    gt    lt  selector gt   2 - Aet  quot show password selector quot  file into imageview   lt ImageView     android id  quot   id iv pwd quot      android layout width  quot  dimen  35sdp quot      android layout height  quot  dimen  25sdp quot      android layout alignParentRight  quot true quot      android layout centerVertical  quot true quot      android layout marginRight  quot  dimen  15sdp quot      android src  quot  drawable show password selector quot    gt   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  quot mytag quot    quot in case 1 quot                edt new pwd setInputType InputType TYPE CLASS TEXT             else               Log d  quot mytag quot    quot in case 1 quot                iv new pwd setSelected true               edt new pwd setInputType InputType TYPE CLASS TEXT   InputType TYPE TEXT VARIATION PASSWORD

User · Answer

According to this source  if you have migrated your project to AndroidX  then you can replace   compile  com android support design 24 2 0    with   implementation  com google android material material 1 0 0   Then all you have to do is to put the code below to your layout file    lt com google android material textfield TextInputLayout     android layout width  match parent      android layout height  wrap content      app passwordToggleEnabled  true      android hint   string hint text  gt      lt com google android material textfield TextInputEditText       android layout width  match parent        android layout height  wrap content   gt    lt  com google android material textfield TextInputLayout gt    More information about material TextInputLayout can be found here   To this source  it is recommended to migrate to AndroidX from Android Support Library       AndroidX is the open-source project that the Android team uses to   develop  test  package  version and release libraries within Jetpack       AndroidX is a major improvement to the original Android Support   Library  Like the Support Library  AndroidX ships separately from the   Android OS and provides backwards-compatibility across Android   releases  AndroidX fully replaces the Support Library by providing   feature parity and new libraries  In addition AndroidX includes the   following features       All packages in AndroidX live in a consistent namespace starting with   the string androidx  The Support Library packages have been mapped   into corresponding androidx   packages  For a full mapping of all the   old classes and build artifacts to the new ones  see the Package   Refactoring page       Unlike the Support Library  AndroidX packages are separately   maintained and updated  The androidx packages use strict Semantic   Versioning starting with version 1 0 0  You can update AndroidX   libraries in your project independently       All new Support Library development will occur in the AndroidX   library  This includes maintenance of the original Support Library   artifacts and introduction of new Jetpack components

User · Answer

show and hide password Edit Text with check Box  XML   lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout     xmlns android  http   schemas android com apk res android  android layout width  match parent      android layout height  match parent  gt        lt 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    gt        lt 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    gt    lt  RelativeLayout gt      java code  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 class

User · Answer

I m able to add the ShowPassword   HidePassword code with just a few lines  self-contained in a block   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

User · Answer

You have to ask if the current text is already shown with dots  the function PasswordTransformationMethod getInstance   allow you to do that  This is my funtion in kotlin          fun hideAndShowPassword editText  EditText  indicator  ImageView             if  editText transformationMethod    PasswordTransformationMethod getInstance                  editText transformationMethod   HideReturnsTransformationMethod getInstance               indicator setImageDrawable                  ContextCompat getDrawable                      editText context                      R drawable eye                                             indicator imageTintList                   ContextCompat getColorStateList editText context  R color colorTintIcons            else               editText transformationMethod   PasswordTransformationMethod getInstance               indicator setImageDrawable                  ContextCompat getDrawable                      editText context                      R drawable eye off                                             indicator imageTintList                   ContextCompat getColorStateList editText context  R color colorTintIcons                     editText setSelection editText text length

User · Answer

Try this  passwordEditText setInputType 1    Or passwordEditText setInputType InputType TYPE CLASS TEXT

User · Answer

Add this method    fun EditText revertTransformation         transformationMethod   when transformationMethod            is PasswordTransformationMethod - gt  SingleLineTransformationMethod getInstance           else - gt  PasswordTransformationMethod getInstance             Call it will switch between input type state  you may change the Single-Line transformation to your favorite   Usage example   editText revertTransformation

User · Answer

You can SHOW HIDE password using this below code   XML CODE    lt 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   gt           lt requestFocus   gt       lt  EditText gt       lt 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    gt    JAVA CODE   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

User · Answer

Use checkbox and change the input type accordingly   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

[android] How to switch between hide and view password

Examples related to android

Examples related to passwords