Bentornati.
In questo video implementeremo la barra di navigazione inferiore per le nostre applicazioni.
All'interno della navigazione creeremo una nuova classe Kotlin.
Lo chiamerò così e lo renderò aperto.
Questa classe fungerà da classe di dati per gli elementi.
Per esempio, dobbiamo visualizzare il percorso del nome e l'icona.
Quindi, val path string, val title string e val icon, che è un'immagine vettoriale.
Ok, questa è la classe dell'oggetto.
Ora, all'interno di questo pacchetto di navigazione, creerò un'altra classe.
Lo chiamerò elemento nav.
Sarà sigillato e conterrà tre oggetti.
Oggetto casa che è di tipo item.
Il percorso sarebbe nav root dot home dot path dot toString.
Il secondo è la casa.
Il terzo è costituito dalle icone.
Punto predefinito punto casa oggetto due chiamato come profilo che si estende dall'elemento nav.
Radice punto profilo punto percorso profilo icone punto default.
Punto persona.
Le impostazioni del terzo oggetto si estendono alle impostazioni dell'elemento.
Impostazioni dei punti.
Ok, questa è la classe dell'elemento nav.
Ora spostiamoci e creiamo un nuovo file chiamato Button Navigation Bar.
E all'interno di questo file creerò un nuovo composable chiamato button navigation bar nav controller.
E siamo sempre pronti quando si crea una barra di
navigazione composta da pulsanti, passando il controllore nav come parametro.
Cominciamo con l'elenco degli elementi di questa barra di navigazione.
Quindi il primo passo è costituito dagli elementi della barra di navigazione inferiore Val nav items equivale all'elenco degli elementi
della nav, home nav item, dot profile, nav item, dot settings o var perché sarà una variabile dell'elemento selezionato da.
Ricordare il salvabile.
E qui utilizzerò lo stato mutabile di zero.
Stiamo creando una variabile che viene utilizzata in Jetpack Compose per creare una variabile di stato
che persiste tra le ricomposizioni e le modifiche di configurazione, come la rotazione dello schermo.
Quindi var voce selezionata.
Questo dichiara una variabile mutabile, chiamata elemento selezionato, che conterrà lo stato dell'elemento selezionato
da è una parola chiave usata per la delega di proprietà in Kotlin e
abbiamo imparato a conoscere la delega di proprietà nei video precedenti, il che significa
che la variabile elemento selezionato delegherà i suoi getter e setter allo stato.
Fornito da Remember Saveable.
Ricordare il salvabile.
Si tratta di una funzione che crea uno stato che viene
salvato e ripristinato automaticamente durante le modifiche di ricomposizione e riconfigurazione.
Funziona in modo simile a remember, ma con l'aggiunta del supporto per il salvataggio dello stato in un bundle,
che lo rende adatto a scenari in cui è necessario preservare lo stato dopo la morte del processo.
Lo stato mutabile di questa funzione crea uno stato mutabile con valore iniziale zero.
Lo stato mutabile è un tipo di supporto di stato in Jetpack Compose che può
essere osservato dai componibili e che attiva le ricomposizioni quando il suo valore cambia.
Abbiamo imparato a conoscere lo stato mutabile nelle sezioni precedenti e nei video precedenti.
Inoltre, abbiamo imparato a conoscere la delega di proprietà e a ricordare la parola chiave.
Quindi, se volete approfondire queste parole chiave, tornate ai video precedenti.
Il terzo passo consiste nel creare la barra di navigazione.
Inizieremo con la barra di navigazione.
E questo è il componibile usato per creare la barra di navigazione.
In questo caso utilizzeremo il punto nav items.
Per ogni espressione lambda indicizzata abbiamo due parametri, l'indice e l'elemento.
E implementeremo il lambda qui, usando questi indici e elementi