Menambahkan icon show hide password TextInputLayout

Toggle button password yang biasanya kita temukan saat kita mengisi kolom password pada sebuah form login atau daftar dan biasanya akan menampilkan sebuah gambar mata yang mana jika kita klik ikon tersebut maka akan merubah kolom password yang sebelumnya berupa titik-titik menjadi karakter dan huruf sesuai dengan apa yang kita masukkan.

Tujuan input password tersembunyi ialah untuk melindungi privasi atau keamanan akun pengguna, namun untuk mencegah kesalahan input maka opsi show password ini juga diperlukan untuk memastikan apakah password yang kita masukkan sudah sesuai.

Nah jika kamu ingin membuat input password seperti penjelasan diatas, ada 2 cara yang bisa kamu lakukan untuk membuat tombol show hide password tersebut pada aplikasi Sketchware, dan pada kesempatan kali ini saya akan memberikan cara pertama yang mana cara pertama ini adalah cara paling mudah menurut saya karena kita tidak perlu repot menambahkan gambar tambahan. gambar atau icon akan otomatis tampil setelah kita menambahkan perintah atau kode pada TextInputLayout.

Untuk caranya silahkan buat desain form terlebih dahulu sesuaikan tampilan dengan selera masing-masing, Sebelum EditText untuk password ditambahkan silahkan tambahkan dulu TextInputLayout sebagai dasarnya lalu pada bagian inject pada TextInputLayout tambahkan kode berikut.

app:passwordToggleEnabled="true"

Selanjutnya tambahkan EditText didalamnya dan ubah "input type" nya menjadi "textPassword" dengan demikian textinput untuk password sudah siap digunakan beserta toggle icon dan fungsinya. Untuk tampilannya akan sama persis dengan contoh gambar diawal tadi.

Untuk cara kedua akan sedikit rumit karena kita akan menggunakan LinearLayout gambar tambahan dan beberapa blok ekstra, untuk itu tutorialnya akan saya tulis setelah artikel ini dipublish.