WEBVTT

1
00:00.740 --> 00:01.730
Bentornati.

2
00:01.730 --> 00:06.380
In questo video implementeremo la barra di
navigazione inferiore per le nostre
applicazioni.

3
00:06.380 --> 00:10.760
All'interno della navigazione creeremo una
nuova classe Kotlin.

4
00:10.760 --> 00:15.410
Lo chiamerò così e lo renderò aperto.

5
00:15.410 --> 00:20.090
Questa classe fungerà da classe di dati
per gli elementi.

6
00:20.090 --> 00:25.490
Per esempio, dobbiamo visualizzare il
percorso del nome e l'icona.

7
00:25.490 --> 00:35.300
Quindi, val path string, val title string
e val icon, che è un'immagine vettoriale.

8
00:35.330 --> 00:37.700
Ok, questa è la classe dell'oggetto.

9
00:37.700 --> 00:42.800
Ora, all'interno di questo pacchetto di
navigazione, creerò un'altra classe.

10
00:42.800 --> 00:45.320
Lo chiamerò elemento nav.

11
00:45.890 --> 00:50.960
Sarà sigillato e conterrà tre oggetti.

12
00:50.990 --> 00:54.530
Oggetto casa che è di tipo item.

13
00:54.530 --> 00:59.450
Il percorso sarebbe nav root dot home dot
path dot toString.

14
00:59.480 --> 01:01.680
Il secondo è la casa.

15
01:01.680 --> 01:03.960
Il terzo è costituito dalle icone.

16
01:03.960 --> 01:12.150
Punto predefinito punto casa oggetto due
chiamato come profilo che si estende
dall'elemento nav.

17
01:12.150 --> 01:18.240
Radice punto profilo punto percorso
profilo icone punto default.

18
01:21.120 --> 01:22.080
Punto persona.

19
01:22.110 --> 01:28.080
Le impostazioni del terzo oggetto si
estendono alle impostazioni dell'elemento.

20
01:28.140 --> 01:29.100
Impostazioni dei punti.

21
01:29.130 --> 01:32.280
Ok, questa è la classe dell'elemento nav.

22
01:32.280 --> 01:40.620
Ora spostiamoci e creiamo un nuovo file
chiamato Button Navigation Bar.

23
01:40.620 --> 01:50.400
E all'interno di questo file creerò un
nuovo composable chiamato button
navigation bar nav controller.

24
01:50.400 --> 01:57.000
E siamo sempre pronti quando si crea una
barra di

25
01:57.000 --> 01:58.230
navigazione composta da pulsanti, passando
il controllore nav come parametro.

26
01:58.230 --> 02:02.950
Cominciamo con l'elenco degli elementi di
questa barra di navigazione.

27
02:02.950 --> 02:18.310
Quindi il primo passo è costituito dagli
elementi della barra di navigazione
inferiore Val nav items equivale
all'elenco degli elementi

28
02:18.310 --> 02:30.670
della nav, home nav item, dot profile, nav
item, dot settings o var perché sarà una
variabile dell'elemento selezionato da.

29
02:30.700 --> 02:32.920
Ricordare il salvabile.

30
02:32.920 --> 02:38.020
E qui utilizzerò lo stato mutabile di
zero.

31
02:38.050 --> 02:46.630
Stiamo creando una variabile che viene
utilizzata in Jetpack Compose per creare
una variabile di stato

32
02:46.660 --> 02:51.790
che persiste tra le ricomposizioni e le
modifiche di configurazione, come la
rotazione dello schermo.

33
02:51.790 --> 02:54.550
Quindi var voce selezionata.

34
02:54.550 --> 03:02.330
Questo dichiara una variabile mutabile,
chiamata elemento selezionato, che
conterrà lo stato dell'elemento
selezionato

35
03:02.360 --> 03:09.830
da è una parola chiave usata per la delega
di proprietà in Kotlin e

36
03:09.830 --> 03:17.180
abbiamo imparato a conoscere la delega di
proprietà nei video precedenti, il che
significa

37
03:17.180 --> 03:18.200
che la variabile elemento selezionato
delegherà i suoi getter e setter allo
stato.

38
03:18.200 --> 03:20.960
Fornito da Remember Saveable.

39
03:20.990 --> 03:22.940
Ricordare il salvabile.

40
03:22.940 --> 03:33.350
Si tratta di una funzione che crea uno
stato che viene

41
03:33.350 --> 03:35.960
salvato e ripristinato automaticamente
durante le modifiche di ricomposizione e
riconfigurazione.

42
03:35.960 --> 03:46.340
Funziona in modo simile a remember, ma con
l'aggiunta del supporto per il salvataggio
dello stato in un bundle,

43
03:46.340 --> 03:52.160
che lo rende adatto a scenari in cui è
necessario preservare lo stato dopo la
morte del processo.

44
03:52.220 --> 03:59.670
Lo stato mutabile di questa funzione crea
uno stato mutabile con valore iniziale
zero.

45
03:59.700 --> 04:07.530
Lo stato mutabile è un tipo di supporto di
stato in Jetpack Compose che può

46
04:07.530 --> 04:12.240
essere osservato dai componibili e che
attiva le ricomposizioni quando il suo
valore cambia.

47
04:12.240 --> 04:17.400
Abbiamo imparato a conoscere lo stato
mutabile nelle sezioni precedenti e nei
video precedenti.

48
04:17.400 --> 04:21.810
Inoltre, abbiamo imparato a conoscere la
delega di proprietà e a ricordare la
parola chiave.

49
04:21.810 --> 04:27.780
Quindi, se volete approfondire queste
parole chiave, tornate ai video
precedenti.

50
04:27.780 --> 04:32.490
Il terzo passo consiste nel creare la
barra di navigazione.

51
04:32.520 --> 04:34.860
Inizieremo con la barra di navigazione.

52
04:34.860 --> 04:39.030
E questo è il componibile usato per creare
la barra di navigazione.

53
04:39.030 --> 04:42.240
In questo caso utilizzeremo il punto nav
items.

54
04:42.240 --> 04:49.440
Per ogni espressione lambda indicizzata
abbiamo due parametri, l'indice e
l'elemento.

55
04:49.440 --> 04:55.620
E implementeremo il lambda qui, usando
questi indici e elementi