본문 바로가기
안드로이드 자바

[Java][Android]EditText password toggle 버튼

by teamnova 2022. 10. 4.
728x90

안녕하세요.

오늘은 내가 입력한 비밀번호를 볼 수있는 토글 버튼을 만들어보겠습니다.

아래 사진처럼 비밀번호 입력하는 EditText에 눈 모양 버튼을 추가하는 것입니다.

로그인 화면

 

비밀번호 입력하는 EditText를 TextInputLayout으로 감싸주시고, 

 

passwordToggleEnabled를 추가해주시면 눈 모양 버튼을 클릭시 비밀번호가 보여지고, 다시 누르면 보이지 않게 됩니다.

 

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/btn_show"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/et_id"
    app:passwordToggleEnabled="true">

<EditText
    android:id="@+id/et_pw"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="16dp"
    android:hint="비밀번호"
    android:inputType="textPassword"
    android:minHeight="48dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/et_id" />

</com.google.android.material.textfield.TextInputLayout>

EditText에 비밀번호 처리를 위해 

inputType="textPassword" 추가해주시는 것도 잊지 말아주세요.

출처 -&nbsp;https://bongcando.tistory.com/8