Bentornati.
In questo video impareremo a conoscere la barra inferiore delle applicazioni.
La barra inferiore dell'applicazione è un componente utilizzato per creare una barra
inferiore dell'applicazione, tipicamente utilizzata per la navigazione primaria e le azioni importanti.
Andiamo verso l'alto e vediamo che abbiamo creato una barra delle
applicazioni inferiore e la specifichiamo nello scaffold allo stesso modo.
Prima di creare un'altra funzione componibile.
E qui devo specificarlo.
Scorriamo verso il basso e creiamo un'altra funzione compostabile, chiamata barra delle applicazioni inferiore.
Cominciamo con la barra delle applicazioni inferiore componibile.
Se andiamo alla dichiarazione componibile della barra delle applicazioni in basso, possiamo vedere il modificatore, il contenitore, il
colore, il contenuto, il colore, l'elevazione tonale, il contenuto, il padding, gli inserti della finestra e il contenuto.
Per ora, utilizzerò il colore del contenitore e imposterò il suo valore su color dot dark gray.
Inoltre, è possibile specificare altri parametri come il colore del contenitore o del contenuto, il colore del punto giallo.
E all'interno della barra inferiore dell'applicazione, dobbiamo specificare le icone e i pulsanti delle icone
che ci permettono di navigare tra i diversi componenti dell'applicazione e di gestire le azioni.
Quindi, vorrei fare una prova creando tre pulsanti a forma di icona.
Inizierò visualizzando un messaggio di brindisi al successivo clic.
Quando creiamo applicazioni complesse, gestiremo l'ascoltatore di clic e lo passeremo come
parametro di questa funzione, che da statica diventerà una funzione compostabile stateless.
Copio il messaggio di toast da qui e lo incollo qui.
Per utilizzarlo, dobbiamo usare il contesto dell'applicazione su cui abbiamo cliccato la prima icona.
E all'interno di questo pulsante icona devo specificare l'icona.
Dovrei usare il pittore e la descrizione del contenuto.
Creiamo l'icona per la prima icona.
Passiamo alla nuova risorsa Vector disegnabile.
Se si fa clic su questo e si nota che le icone possono essere rimosse e
se si cerca, ad esempio, il menu che abbiamo usato in precedenza, non è successo nulla.
Si tratta di un bug di Android Studio.
Per risolvere il problema è necessario accedere all'SDK.
L'SDK seleziona le icone di posizione.
Quindi, ancora una volta, ragazzi, il materiale delle icone SDK ed eliminate questo file di testo.
Quindi, permettetemi di cancellarlo di nuovo.
Faccio clic su di esso e vedrete apparire tutte le icone.
Anche in questo caso si tratta di un bug di Android Studio.
Cominciamo con la creazione di una risorsa vettoriale domestica.
Fare clic su Avanti e su Avanti.
Qui dovrei usare la risorsa pittore o il punto disegnabile home e la
descrizione del contenuto è di nuovo home ragazzi copierò questo pulsante icona.
Incollatelo qui.
Questa è la seconda icona.
E creo un'altra icona disegnabile Nuova risorsa vettoriale.
Si tratta di un bug di Android Studio.
Quindi, per concludere, andate nella vostra posizione SDK e nel materiale delle
icone di posizione e cancellate il punto metadata underscore delle icone.
File TXT.
Qui è possibile selezionare una serie di icone.
Utilizzerò questo segnalibro per le collezioni di articoli.
Fare clic su Fine.
Permettetemi di cambiarlo in segnalibro delle collezioni.
E ancora ragazzi, copierò di nuovo questo pulsante icona e lo incollerò qui, perché sto creando tre pulsanti icona.
La terza icona e devo creare un'altra risorsa vettoriale di forma ancora una
volta ragazzi devo eliminare questo file perché c'è un bug in Android Studio.
E qui farò in modo che, ad esempio, le persone del profilo facciano clic su OK e sulle persone successive.
Ed eccoci qui.
Ok, ecco come creare la barra dei pulsanti dell'applicazione.
Abbiamo creato i tre pulsanti icona uno, due e tre.
Ognuno di essi visualizza un messaggio di brindisi quando viene cliccato.
Permettetemi di salire e di specificare la barra inferiore.
Come questo.
In basso.
La mia barra delle applicazioni in basso.
Eseguite l'applicazione e congratulazioni ragazzi! Si può
notare che questo è il tasto home.
Questa è la seconda icona e questa è la terza icona.
Un'ultima cosa da segnalare.
Devo fare spazio tra queste icone e distribuirle in modo uniforme.
Per questo utilizzerò la riga.
E all'interno della riga sposterò le icone dell'applicazione da qui e le incollerò all'interno della riga.
Prestate attenzione, devo usare la disposizione qui.
Quindi la disposizione orizzontale equivale a disporre lo spazio dei punti in modo
uniforme e non mancate di usare il modificatore dot fill maximum size.
Corriamo di nuovo.
Ed eccoci qui.
Congratulazioni ragazzi.
Abbiamo imparato a conoscere la barra inferiore delle applicazioni.