개발 공부/Android / / 2022. 8. 4. 23:24

[Android] EditeText password 보이기/숨기기 토글

1. EditText를 TextInputLayout으로 감싼다 

<com.google.android.material.textfield.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <EditText
                android:id="@+id/et_input"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="비밀번호"
                android:inputType="textPassword" />
</com.google.android.material.textfield.TextInputLayout>

2.TextInputLayout에 옵션 추가

app:passwordToggleEnabled="true"

적용한 코드

<com.google.android.material.textfield.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:passwordToggleEnabled="true">

            <EditText
                android:id="@+id/et_input"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="비밀번호"
                android:inputType="textPassword" />
</com.google.android.material.textfield.TextInputLayout>

 

- TextInputEditText로 적용해 본 것

 <com.google.android.material.textfield.TextInputLayout
            android:id="@+id/til_input_pass"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:singleLine="true"
            app:passwordToggleEnabled="true">

            <com.google.android.material.textfield.TextInputEditText
                android:id="@+id/tet_input_pass"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/white"
                android:scrollHorizontally="false"
                android:inputType="textPassword"
                android:hint="@string/input_pass"/>

</com.google.android.material.textfield.TextInputLayout>
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유