In questo articolo vedremo come realizzare una SeekBar personalizzata cambiando il colore del Progress, il colore del Thumb.
ESEMPIO 1:
Questo esempio mostra come realizzare una SeekBar con Progress e Thumb colorati.
Ecco il codice da inserire all'interno del file activity_main.xml La riga 7 imposta il colore del Progress
La riga 8 imposta il colore del Thumb
Il colore può essere impostato direttamente come codice esadecimale come mostrato oppure fare riferimento ad un colore inserito nel file colors.xml
ATTENZIONE!: questi due attributi funzionano solo a partire da API=21 in poi, mentre per API minore di 21 il colore è quello di default del dispositivo.
ESEMPIO 2:
Questo esempio è una evoluzione dell'esempio 1 in quanto l'esempio 1 produce dei Warning a livello di codice perché i due attributi: progressTint e thumbTint sono accettati solo a partire da API 21, per questo motivo in questo esempio i due attributi sono impostati all'interno del codice.
Per prima cosa occorre definire la SeekBar nel layout in questo modo: Come si può vedere mancano i due attributi dell'esempio 1.
Ora all'interno del codice, nella funzione onCreate, inserire queste righe di codice: Come si può vedere se la versione di Android installata sul dispositivo è maggiore o uguale di API 21 vengono impostati i colori di Progress e Thumb (utilizzare il formato RGB).
Ecco come si presenta il file MainActivity.kt
Ecco un video dimostrativo
Vedi anche SeekBar: introduzione
Vedi anche SeekBar personalizzata (parte 2)
ESEMPIO 1:
Questo esempio mostra come realizzare una SeekBar con Progress e Thumb colorati.
Ecco il codice da inserire all'interno del file activity_main.xml La riga 7 imposta il colore del Progress
La riga 8 imposta il colore del Thumb
Il colore può essere impostato direttamente come codice esadecimale come mostrato oppure fare riferimento ad un colore inserito nel file colors.xml
ATTENZIONE!: questi due attributi funzionano solo a partire da API=21 in poi, mentre per API minore di 21 il colore è quello di default del dispositivo.
API=28
API=16
| Download Project |  |
| Download file APK | |
ESEMPIO 2:
Questo esempio è una evoluzione dell'esempio 1 in quanto l'esempio 1 produce dei Warning a livello di codice perché i due attributi: progressTint e thumbTint sono accettati solo a partire da API 21, per questo motivo in questo esempio i due attributi sono impostati all'interno del codice.
Per prima cosa occorre definire la SeekBar nel layout in questo modo: Come si può vedere mancano i due attributi dell'esempio 1.
Ora all'interno del codice, nella funzione onCreate, inserire queste righe di codice: Come si può vedere se la versione di Android installata sul dispositivo è maggiore o uguale di API 21 vengono impostati i colori di Progress e Thumb (utilizzare il formato RGB).
Ecco come si presenta il file MainActivity.kt
API=28
API=16
Ecco un video dimostrativo
| Download Project | |
| Download file APK | |
Vedi anche SeekBar: introduzione
Vedi anche SeekBar personalizzata (parte 2)
Commenti
Posta un commento