WEBVTT

1
00:01.910 --> 00:06.380
Le funzioni componibili sono un concetto
fondamentale di Jetpack Compose.

2
00:06.410 --> 00:13.460
Sono funzioni leggere e autonome che
definiscono i componenti dell'interfaccia
utente nell'applicazione Android.

3
00:13.490 --> 00:21.440
Queste funzioni sono utilizzate per
descrivere l'aspetto dell'interfaccia
utente

4
00:21.440 --> 00:22.880
in base allo stato attuale
dell'applicazione o dei dati.

5
00:22.910 --> 00:32.990
Le funzioni componibili sono annotate con
at composable che descrivono come devono

6
00:32.990 --> 00:35.450
essere visualizzati gli elementi
dell'interfaccia utente in base ai loro
input.

7
00:35.750 --> 00:41.690
Come vi ho detto, queste funzioni sono
contrassegnate dalla notazione add
composable.

8
00:41.690 --> 00:48.050
Le funzioni componibili di Jetpack Compose
sono progettate per essere modulari e
riutilizzabili.

9
00:48.050 --> 00:54.680
Incoraggiano la scomposizione di UI
complesse in parti più piccole e
componibili.

10
00:54.680 --> 01:00.320
In questo modo è più facile ragionare e
mantenere il codice dell'interfaccia
utente.

11
01:00.350 --> 01:09.630
Sono progettati per essere ricomposti o
rieseguiti ogni volta che i dati o lo

12
01:09.660 --> 01:14.040
stato sottostante cambiano, consentendo
all'interfaccia utente di aggiornarsi
automaticamente in risposta a tali
modifiche.

13
01:14.070 --> 01:22.020
Una delle caratteristiche principali delle
funzioni componibili è che sono
dichiarative: invece

14
01:22.020 --> 01:29.610
di descrivere imperativamente come
aggiornare l'interfaccia utente quando lo
stato cambia, si

15
01:29.610 --> 01:31.020
dichiara come dovrebbe apparire
l'interfaccia utente in base allo stato
corrente.

16
01:31.050 --> 01:35.940
Entriamo in Android Studio e iniziamo a
creare la nostra prima funzione
componibile.

17
01:35.970 --> 01:43.770
Aprite Android Studio, selezionate un
nuovo progetto e scegliete un'attività
vuota e non un'attività della vista vuota.

18
01:43.800 --> 01:45.780
Vista vuota, attività vuota.

19
01:45.780 --> 01:53.580
Quindi fate clic su Avanti e inserite il
nome dell'applicazione, il nome del
pacchetto, il percorso

20
01:53.580 --> 01:57.960
di salvataggio e l'SDK minimo e il
linguaggio di configurazione della
compilazione, che è Kotlin DSL.

21
01:57.990 --> 02:02.410
Fare clic su Fine e attendere che Android
Studio configuri il progetto.

22
02:02.410 --> 02:06.040
E questo è il nostro progetto Jetpack
Compose.

23
02:06.070 --> 02:14.050
Non preoccupatevi, chiariremo e
spiegheremo ogni singolo

24
02:14.050 --> 02:14.920
codice, ma concentriamoci sulle funzioni
componibili.

25
02:14.920 --> 02:20.470
Qui si può vedere che abbiamo una funzione
componibile chiamata saluto.

26
02:20.470 --> 02:26.170
È l'annotazione a composable, utilizzata
da Jetpack Compose.

27
02:26.170 --> 02:35.050
Indica che la funzione seguente è una
funzione

28
02:35.050 --> 02:36.280
componibile, cioè descrive una parte della
funzione UI.

29
02:36.280 --> 02:37.120
Saluto.

30
02:37.120 --> 02:39.610
È il nome della funzione.

31
02:39.610 --> 02:44.020
Dichiara una funzione compostabile
denominata greeting.

32
02:44.020 --> 02:52.930
Richiede due parametri, il nome, che è di
tipo stringa e rappresenta il nome

33
02:52.930 --> 02:56.860
della persona da salutare, e il
modificatore, che è un parametro di tipo.

34
02:56.860 --> 03:07.110
I modificatori sono utilizzati in Jetpack
Compose per applicare vincoli di stile e
di layout agli elementi dell'interfaccia
utente.

35
03:07.140 --> 03:17.970
La parte del modificatore fornisce un
valore predefinito del modificatore se non

36
03:17.970 --> 03:20.040
viene specificato esplicitamente alcun
modificatore quando si chiama la funzione
di saluto.

37
03:20.070 --> 03:25.170
Non preoccupatevi, parleremo dei
modificatori nei prossimi video.

38
03:25.170 --> 03:30.810
All'interno della funzione composta di
saluto abbiamo questo testo.

39
03:30.840 --> 03:33.510
Testo all'interno della funzione di
saluto.

40
03:33.540 --> 03:38.820
Utilizza un'altra funzione componibile di
tipo text.

41
03:38.820 --> 03:45.870
Quindi il testo è un'altra funzione
componibile utilizzata per visualizzare il
messaggio di saluto.

42
03:45.870 --> 03:52.380
Richiede due parametri, il primo è il
testo e il secondo è il modificatore.

43
03:52.410 --> 03:58.020
Il primo, che è il testo del testo,
corrisponde al testo da visualizzare.

44
03:58.020 --> 04:06.040
In questo caso, si tratta di hello seguito
dal valore del parametro name che viene

45
04:06.040 --> 04:11.800
passato nei parametri della funzione
greeting e dal modifier il modificatore da
applicare al testo.

46
04:11.800 --> 04:12.820
Componibile.

47
04:12.880 --> 04:22.060
Questa parte o questo parametro viene
passato dalla funzione greeting per
consentire la personalizzazione dello

48
04:22.060 --> 04:28.390
stile e del layout dell'elemento di testo
quando greeting viene utilizzato in
contesti diversi.

49
04:28.390 --> 04:36.790
Quindi questa funzione di saluto, funzione
componibile, incapsula la logica per la

50
04:36.790 --> 04:39.940
visualizzazione di un messaggio di saluto
in modo flessibile e riutilizzabile.

51
04:39.940 --> 04:49.480
Permette di creare facilmente messaggi di
auguri con nomi diversi e di applicare

52
04:49.480 --> 04:53.560
personalizzazioni e stili con vincoli di
layout, se necessario, fornendo un
modificatore.

53
04:53.590 --> 04:58.240
Eseguiamo il nostro codice e vediamo i
Composable in azione