In questo articolo vedremo come realizzare una EditText che permette di visualizzare o nascondere la password inserita.
ESEMPIO 1:
In questo esempio vedremo come visualizzare/nascondere la password inserita in una EditText tramite l'utilizzo di una CheckBox.
Ecco come si presenta il file activity_main.xml
Ecco come si presenta il file MainActivity.kt
Ecco un video dimostrativo
ESEMPIO 2:
In questo esempio vedremo come visualizzare/nascondere la password inserita in una EditText tramite un pulsante a fianco della EditText.
Per prima cosa occorre creare due icone, una per mostrare la password ed una per nasconderla ed inserirle nel progetto come descritto in questo articolo
Ecco come si presenta il file activity_main.xml
Ecco come si presenta il file MainActivity.kt
Ecco un video dimostrativo
ESEMPIO 3:
In questo esempio vedremo come visualizzare/nascondere la password inserita in una EditText tramite un pulsante all'interno della EditText.
Per prima cosa occorre inserire questa riga di codice all'interno del file build.gradle all'interno della funzione dependencies
Ora occorre creare il layout nel file activity_main.xml Le righe che permettono di avere l'EditText con il pulsante mostra/nascondi password sono dalla riga 14 alla riga 31
In questo modo non è necessario creare alcun codice all'interno del file MainActivity.kt, infatti eseguendo l'app, si vedrà che premendo il pulsante viene visualizzata o nascosta la password, così come il simbolo all'interno della EditText cambia di conseguenza.
Ecco un video dimostrativo
ESEMPIO 4:
In questo esempio, partendo dall'esempio 3, vedremo come personalizzare l'icona del tasto visualizza/nascondi password.
Per prima cosa occorre creare due icone, una per mostrare la password ed una per nasconderla ed inserirle nel progetto come descritto in questo articolo
Una volta create le due icone occorre:
Una volta aperto il file icon_selector.xml inserire le seguenti righe di codice:
Ora bisogna aprire il file activity_main.xml, posizionarsi prima della chiusura della View TextInputLayout ed inserire queste righe in modo da selezionare le icone create e dare un colore diverso da quello predefinito:
Ricordo che come colore al posto di "@color/colorAccent" è possibile inserire il colore in formato esadecimale ad esempio: "#FF418A".
Ecco come si presenta il file activity_main.xml Le righe aggiunte si trovano alla riga 22 e riga 23
Ecco un video dimostrativo
ESEMPIO 1:
In questo esempio vedremo come visualizzare/nascondere la password inserita in una EditText tramite l'utilizzo di una CheckBox.
Ecco come si presenta il file activity_main.xml
Ecco come si presenta il file MainActivity.kt
Ecco un video dimostrativo
| Download Project |  |
| Download file APK | |
| Visualizza su |  |
ESEMPIO 2:
In questo esempio vedremo come visualizzare/nascondere la password inserita in una EditText tramite un pulsante a fianco della EditText.
Per prima cosa occorre creare due icone, una per mostrare la password ed una per nasconderla ed inserirle nel progetto come descritto in questo articolo
Ecco come si presenta il file activity_main.xml
Ecco come si presenta il file MainActivity.kt
Ecco un video dimostrativo
| Download Project | |
| Download file APK | |
| Visualizza su | |
ESEMPIO 3:
In questo esempio vedremo come visualizzare/nascondere la password inserita in una EditText tramite un pulsante all'interno della EditText.
Per prima cosa occorre inserire questa riga di codice all'interno del file build.gradle all'interno della funzione dependencies
Ora occorre creare il layout nel file activity_main.xml Le righe che permettono di avere l'EditText con il pulsante mostra/nascondi password sono dalla riga 14 alla riga 31
In questo modo non è necessario creare alcun codice all'interno del file MainActivity.kt, infatti eseguendo l'app, si vedrà che premendo il pulsante viene visualizzata o nascosta la password, così come il simbolo all'interno della EditText cambia di conseguenza.
Ecco un video dimostrativo
| Download Project | |
| Download file APK | |
| Visualizza su | |
ESEMPIO 4:
In questo esempio, partendo dall'esempio 3, vedremo come personalizzare l'icona del tasto visualizza/nascondi password.
Per prima cosa occorre creare due icone, una per mostrare la password ed una per nasconderla ed inserirle nel progetto come descritto in questo articolo
Una volta create le due icone occorre:
- Aprire la cartella res
- Cliccare con il tasto destro sulla cartella drawable
- Selezionare New
- Selezionare Drawable resource file
- Dare un nome al file ad esempio icon_selector
- Cliccare sul pulsante OK per confermare
Ecco come si presenta il file activity_main.xml Le righe aggiunte si trovano alla riga 22 e riga 23
Ecco un video dimostrativo
| Download Project | |
| Download file APK | |
| Visualizza su | |
Commenti
Posta un commento