In questo articolo vedremo come inserire ed utilizzare la SeekBar, una barra di scorrimento con cui l'utente può interagire. Questa barra viene spesso utilizzata quando si vuole fare alcune regolazioni in quanto permette di inserire valori all'interno di un range, ad esempio è quella per regolare il volume del dispositivo, ecc.
Questa barra però può essere utilizzata anche all'interno della nostra app per le più svariate funzioni.
Il codice da inserire nel layout è il seguente: E' importante sapere che se non si impostano ulteriori attributi da quelli visualizzati qui sopra il range dei valori va da un minimo di zero ad un massimo di 100, così come il colore è quello predefinito cioè colorAccent definito nel file colors.xml.
L'avanzamento del colore si chiama progress, mentre il pallino che si preme per spostare la barra si chiama thumb
ESEMPIO 1:
SeekBar con valore da 0 a 100
Ecco come si presenta il file activity_main.xml Ecco come si presenta il file MainActivity.kt
Ecco un video dimostrativo
ESEMPIO 2:
SeekBar con valore da 0.0 a 2.0 con passi di 0.1
La SeekBar normalmente visualizza numeri interi, quindi per visualizzare ed utilizzare i numeri con la virgola occorre eseguire una semplice operazione matematica, vediamo come.
Ecco come si presenta il file activity_main.xml Da notare l'attributo max = 20 perchè per visualizzare numeri da 0 a 2 con passi di 0.1 è sufficiente avere la SeekBar da 0 a 20 e poi all'interno del codice dividere il valore di progress per 10 in modo da ottenere il risultato voluto.
Ora passiamo alla scrittura del codice; è necessario creare una variabile d'appoggio in formato Double in modo che possa memorizzare numeri con la virgola.
Ecco come si presenta il file MainActivity.kt La variabile value può essere utilizzata all'interno del codice per eseguire eventualmente altri calcoli.
Ecco un video dimostrativo
ESEMPIO 3:
SeekBar con valore da 0.1 a 2 con passi di 0.1
La SeekBar ha come valore minimo zero e non può essere modificato, quindi se si vuole un valore iniziale diverso da zero è necessario eseguire una semplice operazione matematica..
Ecco come si presenta il file activity_main.xml Da notare l'attributo max = 19 perchè per visualizzare numeri da 0.1 a 2.0 con passi di 0.1 è sufficiente avere la SeekBar da 0 a 19 e poi all'interno del codice dividere il valore di progress per 10 e poi sommare 0.1 in modo da ottenere il risultato voluto.
Ora passiamo alla scrittura del codice; è necessario creare una variabile d'appoggio in formato Double in modo che possa memorizzare numeri con la virgola.
Ecco come si presenta il file MainActivity.kt La variabile value può essere utilizzata all'interno del codice per eseguire eventualmente altri calcoli.
Ecco un video dimostrativo
ESEMPIO 4:
SeekBar con valore da -10 a +10
La SeekBar ha come valore minimo zero e non può essere modificato, quindi se si vuole un valore iniziale diverso da zero è necessario eseguire una semplice operazione matematica..
Ecco come si presenta il file activity_main.xml Da notare l'attributo max = 20 perchè per visualizzare numeri da -10 a +10 è sufficiente avere la SeekBar da 0 a 20 e poi all'interno del codice sottrarre 10 al valore di progress in modo da ottenere il risultato voluto.
Da notare anche l'attributo progress = 10 che imposta la barra ad una valore predefinito quando l'app viene avviata (in questo caso 10 equivale a 0)
Ora passiamo alla scrittura del codice; è necessario creare una variabile d'appoggio in formato Int in modo che possa memorizzare numeri interi sia positivi che negativi.
Ecco come si presenta il file MainActivity.kt La variabile value può essere utilizzata all'interno del codice per eseguire eventualmente altri calcoli.
Ecco un video dimostrativo
Vedi anche SeekBar personalizzata (parte 1)
Vedi anche SeekBar personalizzata (parte 2)
Questa barra però può essere utilizzata anche all'interno della nostra app per le più svariate funzioni.
Il codice da inserire nel layout è il seguente: E' importante sapere che se non si impostano ulteriori attributi da quelli visualizzati qui sopra il range dei valori va da un minimo di zero ad un massimo di 100, così come il colore è quello predefinito cioè colorAccent definito nel file colors.xml.
L'avanzamento del colore si chiama progress, mentre il pallino che si preme per spostare la barra si chiama thumb
ESEMPIO 1:
SeekBar con valore da 0 a 100
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:
SeekBar con valore da 0.0 a 2.0 con passi di 0.1
La SeekBar normalmente visualizza numeri interi, quindi per visualizzare ed utilizzare i numeri con la virgola occorre eseguire una semplice operazione matematica, vediamo come.
Ecco come si presenta il file activity_main.xml Da notare l'attributo max = 20 perchè per visualizzare numeri da 0 a 2 con passi di 0.1 è sufficiente avere la SeekBar da 0 a 20 e poi all'interno del codice dividere il valore di progress per 10 in modo da ottenere il risultato voluto.
Ora passiamo alla scrittura del codice; è necessario creare una variabile d'appoggio in formato Double in modo che possa memorizzare numeri con la virgola.
Ecco come si presenta il file MainActivity.kt La variabile value può essere utilizzata all'interno del codice per eseguire eventualmente altri calcoli.
Ecco un video dimostrativo
| Download Project | |
| Download file APK | |
| Visualizza su | |
ESEMPIO 3:
SeekBar con valore da 0.1 a 2 con passi di 0.1
La SeekBar ha come valore minimo zero e non può essere modificato, quindi se si vuole un valore iniziale diverso da zero è necessario eseguire una semplice operazione matematica..
Ecco come si presenta il file activity_main.xml Da notare l'attributo max = 19 perchè per visualizzare numeri da 0.1 a 2.0 con passi di 0.1 è sufficiente avere la SeekBar da 0 a 19 e poi all'interno del codice dividere il valore di progress per 10 e poi sommare 0.1 in modo da ottenere il risultato voluto.
Ora passiamo alla scrittura del codice; è necessario creare una variabile d'appoggio in formato Double in modo che possa memorizzare numeri con la virgola.
Ecco come si presenta il file MainActivity.kt La variabile value può essere utilizzata all'interno del codice per eseguire eventualmente altri calcoli.
Ecco un video dimostrativo
| Download Project | |
| Download file APK | |
| Visualizza su | |
ESEMPIO 4:
SeekBar con valore da -10 a +10
La SeekBar ha come valore minimo zero e non può essere modificato, quindi se si vuole un valore iniziale diverso da zero è necessario eseguire una semplice operazione matematica..
Ecco come si presenta il file activity_main.xml Da notare l'attributo max = 20 perchè per visualizzare numeri da -10 a +10 è sufficiente avere la SeekBar da 0 a 20 e poi all'interno del codice sottrarre 10 al valore di progress in modo da ottenere il risultato voluto.
Da notare anche l'attributo progress = 10 che imposta la barra ad una valore predefinito quando l'app viene avviata (in questo caso 10 equivale a 0)
Ora passiamo alla scrittura del codice; è necessario creare una variabile d'appoggio in formato Int in modo che possa memorizzare numeri interi sia positivi che negativi.
Ecco come si presenta il file MainActivity.kt La variabile value può essere utilizzata all'interno del codice per eseguire eventualmente altri calcoli.
Ecco un video dimostrativo
| Download Project | |
| Download file APK | |
| Visualizza su | |
Vedi anche SeekBar personalizzata (parte 1)
Vedi anche SeekBar personalizzata (parte 2)
Commenti
Posta un commento