WEBVTT

1
00:00.590 --> 00:07.490
Se eseguiamo il nostro codice, otterremo
un'applicazione che contiene un solo
testo, e questo è dovuto

2
00:07.490 --> 00:13.130
alla presenza di una sola funzione
componibile nel nostro codice, che è la
funzione greeting.

3
00:13.130 --> 00:20.000
All'interno di questa funzione di saluto
abbiamo un'altra funzione componibile, che
è il

4
00:20.000 --> 00:28.820
testo, e al suo interno abbiamo definito
il valore del testo come

5
00:28.820 --> 00:29.450
nome ciao, e nome è il parametro passato
alla funzione di saluto.

6
00:29.450 --> 00:35.930
Se andiamo alla funzione Oncreate, abbiamo
detto che è un metodo di callback e
abbiamo imparato a conoscere i

7
00:35.930 --> 00:41.900
metodi del ciclo di vita dell'attività e i
metodi di callback nelle lezioni
precedenti e nel codice precedente.

8
00:41.930 --> 00:48.230
L'unica differenza tra le attività di
jetpack compose e quelle di views è il
contenuto impostato.

9
00:48.260 --> 00:56.180
Set content è una funzione utilizzata per
impostare il contenuto

10
00:56.180 --> 00:57.830
della vista principale dell'applicazione
Android con una funzione componibile.

11
00:57.830 --> 01:05.210
In genere viene utilizzato nel metodo
Oncreate dell'attività

12
01:05.210 --> 01:07.180
o dell'attività appcompat per
inizializzare l'interfaccia utente
dell'applicazione.

13
01:07.210 --> 01:14.170
Anche in questo caso, questa funzione
imposta il contenuto della vista delle
attività utilizzando una funzione
componibile.

14
01:14.170 --> 01:22.810
La funzione componibile greeting viene
passata come argomento

15
01:22.930 --> 01:23.590
all'insieme content all'interno del lambda
set content.

16
01:23.590 --> 01:30.010
Possiamo comporre qualsiasi funzione
componibile e creare la gerarchia
dell'interfaccia utente.

17
01:30.040 --> 01:36.640
Jetpack compose si occupa di rendere
questi elementi dell'interfaccia utente in
modo efficiente utilizzando il set.

18
01:36.670 --> 01:44.800
I contenuti con Jetpack Compose consentono
di costruire l'interfaccia utente in modo
dichiarativo utilizzando il

19
01:44.800 --> 01:49.330
codice Kotlin, anziché i layout XML, come
avviene nello sviluppo tradizionale delle
app Android.

20
01:49.330 --> 01:56.680
E se notate che nella cartella risorse del
progetto non c'è la cartella

21
01:56.710 --> 01:59.950
layout, perché non abbiamo bisogno di
definire i file XML del layout.

22
01:59.950 --> 02:08.290
Vale la pena notare che l'impostazione del
contenuto viene in genere richiamata solo
una volta nel metodo Oncreate
dell'attività.

23
02:08.290 --> 02:15.100
Se si hanno più schermate o compositori,
di solito si naviga

24
02:15.100 --> 02:17.380
tra di essi usando jetpack, navigazione o
altre librerie di navigazione.

25
02:17.380 --> 02:20.830
Parliamo del tema dell'app jetpack.

26
02:20.830 --> 02:29.500
Il tema dell'applicazione Jetpack è una
funzione predefinita e componibile che

27
02:29.530 --> 02:30.490
fornisce un modo per applicare un tema ai
componenti dell'interfaccia utente.

28
02:30.490 --> 02:38.740
Viene comunemente utilizzato all'interno
del blocco Setcontent per stabilire uno
stile visivo coerente in tutta
l'applicazione.

29
02:38.740 --> 02:42.670
Quindi il tema dell'app Jetpack è una
funzione componibile.

30
02:42.670 --> 02:51.040
L'impostazione del tema per il contenuto
all'interno del blocco di saluto è una
funzione componibile che

31
02:51.040 --> 03:00.190
rappresenta il contenuto
dell'applicazione, che è un testo che
eredita il tema dal tema dell'applicazione
jetpack.

32
03:00.220 --> 03:09.490
La funzione di saluto compostabile
annidata all'interno del tema dell'app
jetpack

33
03:09.520 --> 03:16.620
per ereditare il tema da essa applicato I
temi in Jetpack

34
03:16.620 --> 03:17.550
Compose definiscono attributi come colori,
tipografia, forme e altre proprietà
visive.

35
03:17.550 --> 03:25.410
Avvolgendo i contenuti della vostra app
con il tema jetpack app, potete facilmente

36
03:25.410 --> 03:28.650
applicare e mantenere un sistema di design
coerente in tutta la vostra app.

37
03:28.650 --> 03:35.250
La superficie è un'altra funzione
componibile utilizzata per definire
un'area rettangolare di colore.

38
03:35.250 --> 03:43.770
È avvolto all'interno del tema dell'app
jetpack per garantire che il

39
03:43.770 --> 03:44.760
colore di sfondo aderisca allo schema dei
colori definito dal tema.

40
03:44.790 --> 03:52.260
Nel complesso, il tema per app Jetpack
semplifica il processo di tematizzazione

41
03:52.260 --> 03:54.990
dell'applicazione e promuove la coerenza e
la manutenibilità del design
dell'interfaccia utente.

42
03:54.990 --> 04:03.300
Per esempio, posso definire solo il saluto
componibile, quindi rimuoverò tutto da
qui.

43
04:03.300 --> 04:07.410
Mantengo l'oncreate ed eseguiamo la nostra
applicazione.

44
04:07.410 --> 04:15.060
Si può notare che il tema è stato rimosso
e che sto applicando

45
04:15.060 --> 04:19.110
solo il saluto e visualizzando solo il
saluto componibile all'interno del metodo
Setcontent.