WEBVTT

1
00:02.180 --> 00:05.360
In questo video parleremo dei
modificatori.

2
00:05.360 --> 00:12.110
Invece di dover chiamare le funzioni set
text o set color per aggiornare
l'interfaccia utente.

3
00:12.140 --> 00:18.890
Compose aggiorna automaticamente
l'interfaccia utente quando lo stato
dell'interfaccia stessa viene aggiornato.

4
00:19.040 --> 00:27.980
Molti Composable accettano uno o più
parametri che ne

5
00:27.980 --> 00:28.910
definiscono l'aspetto e il comportamento
all'interno dell'applicazione in
esecuzione.

6
00:28.940 --> 00:37.610
La maggior parte degli attributi XML ID,
padding, margin, color,

7
00:37.610 --> 00:39.560
alpha ratio, elevation sono utilizzati con
l'aiuto dei modificatori.

8
00:39.560 --> 00:48.170
Possiamo, ad esempio, specificare la
dimensione del carattere e il peso di un
testo

9
00:48.200 --> 00:56.930
componibile passando dei parametri, come
in questa funzione componibile che
definisce la dimensione

10
00:56.930 --> 00:57.260
del carattere come 40 sp e il peso del
carattere come font weight.

11
00:57.290 --> 01:07.610
Modificatori in grassetto è un oggetto di
composizione incorporato progettato per

12
01:07.610 --> 01:08.900
memorizzare le impostazioni di
configurazione che possono essere
applicate ai Composable.

13
01:08.900 --> 01:18.890
L'oggetto modificatore offre un'ampia
selezione di metodi che possono essere
utilizzati

14
01:18.890 --> 01:27.860
per configurare proprietà come bordi,
padding, requisiti di dimensione dello

15
01:27.860 --> 01:28.460
sfondo, gestori di eventi e gesti, solo
per citarne alcuni.

16
01:28.490 --> 01:37.970
I modificatori consentono di specificare
come un componibile debba essere

17
01:37.970 --> 01:40.370
visualizzato, posizionato, dimensionato o
stilizzato all'interno del suo layout
padre.

18
01:40.400 --> 01:49.730
I modificatori offrono un'ampia gamma di
opzioni per personalizzare l'aspetto e il
comportamento dei Composable.

19
01:49.730 --> 01:57.290
È possibile utilizzare i modificatori per
regolare le dimensioni, l'allineamento, il
padding, il margine,

20
01:57.290 --> 02:00.650
lo sfondo, il colore, l'elevazione e altre
proprietà visive degli elementi
dell'interfaccia utente.

21
02:00.650 --> 02:04.580
L'ordine di applicazione dei modificatori
è importante.

22
02:04.580 --> 02:10.280
I modificatori vengono applicati
nell'ordine in cui sono specificati nelle
funzioni componibili.

23
02:10.280 --> 02:18.650
Ciò significa che i modificatori applicati
successivamente possono annullare gli
effetti dei modificatori applicati
precedentemente.

24
02:18.650 --> 02:26.660
I modificatori vengono solitamente
applicati utilizzando la classe
modificatore

25
02:26.660 --> 02:28.280
e possono essere concatenati per ottenere
l'effetto desiderato.

26
02:28.280 --> 02:36.290
In Jetpack Compose, la classe Modifier è
un componente fondamentale

27
02:36.290 --> 02:38.660
che consente di applicare varie modifiche
agli elementi dell'interfaccia utente.

28
02:38.690 --> 02:43.880
Si usa per definire lo stile, il layout, i
vincoli, il comportamento di interazione e
altro ancora.

29
02:43.910 --> 02:52.790
I modificatori sono immutabili e possono
essere combinati con le funzioni di
estensione per ottenere l'effetto
desiderato.

30
02:52.820 --> 02:56.150
In questo esempio utilizzerò il padding.

31
02:56.150 --> 03:04.370
Quindi all'interno del modificatore userò
il padding e gli darò un valore di 16 dpi.

32
03:04.520 --> 03:13.370
Alt+invio per importare la proprietà
dell'estensione in DPI e si può

33
03:13.370 --> 03:14.000
vedere la modifica qui 16 dpi come padding
per il testo.

34
03:14.000 --> 03:23.630
Inoltre, posso applicare un'altra
proprietà del modificatore, ad esempio il
punto

35
03:23.630 --> 03:24.800
di colore di sfondo blu e si possono
vedere i cambiamenti.

36
03:24.800 --> 03:33.410
Lo sfondo del testo può applicare più
modificatori

37
03:33.410 --> 03:34.130
insieme per ottenere layout e stili più
complessi.

38
03:34.130 --> 03:42.170
La classe modificatore offre un modo
potente e flessibile per personalizzare
gli elementi dell'interfaccia utente in
Jetpack Compose.