WEBVTT 1 00:00.680 --> 00:06.680 Abbiamo tre schermate: la schermata iniziale, la schermata del profilo e la schermata delle impostazioni. 2 00:06.710 --> 00:11.810 Ora creeremo il sistema di navigazione per spostarci tra queste schermate. 3 00:11.810 --> 00:15.740 A tale scopo, creare un nuovo pacchetto chiamato navigazione. 4 00:15.740 --> 00:22.220 E all'interno di questo pacchetto di navigazione creerò un nuovo file chiamato Nav graph. 5 00:23.030 --> 00:31.490 All'interno di questo file nav graph, creare una nuova funzione componibile denominata nav graph. 6 00:31.490 --> 00:37.880 E poiché stiamo creando un'applicazione professionale, seguiremo le architetture 7 00:37.880 --> 00:41.120 pulite e ci eserciteremo a creare compositi stateless. 8 00:41.120 --> 00:45.470 Passeremo un oggetto controller nav. 9 00:45.470 --> 00:49.970 E qui lo farò diventare un controller host nav. 10 00:50.000 --> 00:57.530 Importando il pacchetto, il controller nav host è un componente cruciale della navigazione di 11 00:57.530 --> 01:02.300 Jetpack Compose, in quanto serve a gestire la navigazione all'interno di Nav host. 12 01:02.300 --> 01:09.740 È una funzione di estensione di Navcontroller progettata specificamente per l'uso con compose. 13 01:09.740 --> 01:17.840 Utilizzare il controllore nav host per navigare tra i diversi compositi definiti nel grafico di navigazione. 14 01:17.840 --> 01:22.040 Ora aggiungiamo le schermate a un grafico di navigazione in Jetpack Compose. 15 01:22.040 --> 01:25.520 Qui abbiamo la funzione grafico nav all'esterno. 16 01:25.520 --> 01:27.980 Creerò le schermate. 17 01:27.980 --> 01:33.020 Si tratta di una normale funzione denominata Aggiungi schermata iniziale. 18 01:33.200 --> 01:42.350 Ricordare che stiamo aggiungendo e creando funzioni per aggiungere 19 01:42.380 --> 01:42.950 la navigazione e le destinazioni al grafico navale. 20 01:42.950 --> 01:51.950 Questa funzione accetta un controllore nav, che è un controllore host nav, e un costruttore di grafici nav, che 21 01:51.950 --> 01:59.600 è di tipo nav graph builder; il costruttore di grafici nav definisce il percorso Composables per la schermata iniziale 22 01:59.600 --> 02:07.160 e per utilizzarlo useremo il parametro nav Graph builder che abbiamo passato per questa funzione della schermata iniziale. 23 02:07.190 --> 02:08.840 Punto componibile. 24 02:08.840 --> 02:13.790 Ricordate la funzione composable della precedente sezione nav Graph Builder? La 25 02:13.790 --> 02:20.810 funzione composable è una parte fondamentale della definizione di una 26 02:20.810 --> 02:21.590 destinazione di navigazione all'interno del framework di navigazione jetpack compose. 27 02:21.620 --> 02:29.040 La funzione composable del costruttore del grafo di navigazione viene utilizzata per aggiungere una destinazione al grafo di navigazione. 28 02:29.040 --> 02:36.390 Specifica quale funzione compostabile deve essere visualizzata quando l'applicazione naviga su un determinato percorso. 29 02:36.420 --> 02:43.170 Anche in questo caso, il costruttore del grafo di navigazione è un'istanza della classe Nav Graph Builder, che 30 02:43.170 --> 02:48.720 è un linguaggio specifico del dominio che consente di definire il grafo di navigazione in modo dichiarativo. 31 02:48.720 --> 02:51.720 In genere è fornito dall'host del nav. 32 02:51.720 --> 02:52.530 Componibile. 33 02:52.530 --> 02:56.100 Come ho detto in precedenza sulla funzione componibile. 34 02:56.100 --> 02:57.870 Passiamo alla dichiarazione. 35 02:57.870 --> 03:00.540 Abbiamo il percorso e gli argomenti. 36 03:00.540 --> 03:05.280 Questi sono i parametri più importanti della funzione componibile. 37 03:05.280 --> 03:11.010 Se si hanno dei parametri da passare tra le schermate, si deve usare il parametro argomenti. 38 03:11.010 --> 03:17.910 Ma per ora useremo solo la rotta Qui definiremo il parametro 39 03:17.910 --> 03:21.990 della rotta uguale a navigation route dot home dot path. 40 03:21.990 --> 03:29.670 Nel prossimo video creeremo la rotta nav per aggiungere e centralizzare 41 03:29.670 --> 03:32.160 tutti i percorsi, tutte le rotte in un unico file.