WEBVTT

1
00:00.920 --> 00:03.170
Continuiamo a scoprire i Composables.

2
00:03.170 --> 00:06.770
E in questo video scopriremo la scheda
composable.

3
00:06.770 --> 00:14.120
La scheda componibile di Jetpack Compose è
un componente dell'interfaccia utente
altamente

4
00:14.120 --> 00:20.510
versatile e personalizzabile che consente
di visualizzare i contenuti con
un'elevazione

5
00:20.510 --> 00:21.140
e un padding coerenti, conferendo loro
l'aspetto di una scheda materiale.

6
00:21.140 --> 00:27.740
Fa parte dei componenti del Material
Design e offre un modo

7
00:27.740 --> 00:31.640
semplice per raggruppare i contenuti
correlati per enfatizzare una particolare
informazione.

8
00:31.640 --> 00:39.020
Creiamo qui una nuova funzione
componibile, che chiameremo la mia carta.

9
00:39.020 --> 00:44.750
E all'interno di esso inizierò a creare la
carta utilizzando il composable card.

10
00:44.750 --> 00:52.490
All'interno della scheda possiamo
utilizzare altri componibili, ad esempio
un testo componibile che visualizza una
semplice scheda.

11
00:52.520 --> 00:55.490
Questa è una carta semplice.

12
00:55.490 --> 01:01.900
Posso impostare il modificatore per questo
testo e utilizzare il padding a 16 dpi.

13
01:01.960 --> 01:04.930
Passiamo ora alla scheda che abbiamo.

14
01:04.930 --> 01:11.650
Un modificatore consente di applicare
modifiche al layout della scheda, come
dimensioni, padding e allineamento.

15
01:11.650 --> 01:15.490
Forma definisce la forma della carta, ad
esempio gli angoli arrotondati.

16
01:15.490 --> 01:21.520
È possibile utilizzare forme predefinite,
come la forma ad angolo arrotondato,
utilizzando le impostazioni predefinite
della carta e i colori.

17
01:21.520 --> 01:24.130
Imposta il colore predefinito del
contenuto per i bambini.

18
01:24.130 --> 01:25.060
Composizioni.

19
01:25.060 --> 01:28.900
L'elevazione definisce l'altezza
dell'ombra della tessera.

20
01:28.930 --> 01:34.720
Il bordo consente di aggiungere un bordo
alla scheda e al contenuto.

21
01:34.750 --> 01:36.130
Personalizzazione del contenuto.

22
01:36.160 --> 01:41.140
Ora torniamo indietro e usiamo questo
attributo.

23
01:41.140 --> 01:46.990
Quindi modificatore è uguale a
modificatore punto di riempimento
larghezza massima.

24
01:47.020 --> 01:52.930
Inoltre posso utilizzare l'imbottitura per
tutti i 16 dpi.

25
01:53.110 --> 01:58.700
Inoltre abbiamo l'elevazione uguale
all'ATP.

26
01:58.760 --> 02:06.200
Questo è presente nelle versioni
precedenti di Jetpack Compose, ma

27
02:06.230 --> 02:07.130
per rilevare i nuovi aggiornamenti,
possiamo andare al carrello.

28
02:07.160 --> 02:08.330
Possiamo vedere l'elevazione.

29
02:08.330 --> 02:12.770
Dovremmo fornire le impostazioni
predefinite della carta e impostare il
metodo di elevazione della carta.

30
02:12.770 --> 02:15.650
Quindi qui chiamiamo le carte predefinite.

31
02:15.680 --> 02:17.210
Metodo di elevazione della scheda.

32
02:17.210 --> 02:20.420
E qui dentro chiamiamo ADP.

33
02:20.450 --> 02:23.030
È inoltre possibile controllare
l'elevazione della carta.

34
02:23.060 --> 02:25.880
Il metodo di elevazione predefinito.

35
02:25.880 --> 02:27.230
L'elevazione attuale.

36
02:27.230 --> 02:29.510
Elevazione focalizzata Elevazione di
Harvard.

37
02:29.510 --> 02:31.880
Trascinare l'elevazione disabilitata.

38
02:31.880 --> 02:39.140
Ecco come rileva i nuovi elementi creati e
aggiornati in Jetpack Compose.

39
02:39.140 --> 02:41.810
Forse questo aspetto verrà modificato in
futuro.

40
02:41.810 --> 02:50.150
È quindi possibile specificare, ad
esempio, direttamente ADP o chiamare
qualcosa di diverso da card defaults dot
card elevation.

41
02:50.150 --> 02:59.110
Vi sto insegnando come pensare, come
essere coinvolti profondamente in Jetpack
Compose in

42
02:59.110 --> 03:06.760
modo da poter ascoltare e adattarvi ai
cambiamenti negli aggiornamenti di Jetpack
Compose.

43
03:06.760 --> 03:11.140
Quindi la scheda di elevazione è
predefinita.

44
03:11.140 --> 03:16.000
Chiamiamo il metodo di elevazione della
carta e lo impostiamo come ADP.

45
03:16.000 --> 03:20.500
Ancora una volta, ragazzi, l'elevazione
definisce l'altezza dell'ombra della
carta.

46
03:20.530 --> 03:26.680
Ora chiamiamo questa funzione componibile
nel Setcontent ed eseguiamo
l'applicazione.

47
03:26.680 --> 03:27.490
Eccoci qua.

48
03:27.520 --> 03:28.780
Questa è la nostra applicazione.

49
03:28.780 --> 03:30.880
Abbiamo questa semplice scheda.

50
03:30.880 --> 03:34.600
È possibile vedere l'elevazione e l'ombra.

51
03:34.630 --> 03:38.140
Inoltre, è possibile personalizzare il
colore del biglietto.

52
03:38.140 --> 03:41.710
Quindi, ad esempio, i colori vicini a.

53
03:41.740 --> 03:49.150
E se andiamo di nuovo alla dichiarazione
della scheda, i ragazzi controllano sempre
la dichiarazione

54
03:49.150 --> 03:54.650
o qualsiasi funzione componibile, perché
ci sono aggiornamenti continui per i
Compose Composables di Jetpack.

55
03:54.650 --> 03:59.660
È quindi necessario fornire un colore
predefinito per la scheda.

56
03:59.660 --> 04:04.250
Quindi, ancora una volta, i colori
predefiniti della carta sono i punti della
carta.

57
04:04.250 --> 04:08.150
E qui si specifica il colore della carta.

58
04:08.150 --> 04:11.480
Lo farò di nuovo come corsa gialla.

59
04:11.480 --> 04:12.920
Ed eccoci qui.

60
04:12.920 --> 04:17.060
È inoltre possibile specificare uno sfondo
per gli elementi.

61
04:17.060 --> 04:23.120
Quindi, utilizzando il modificatore per lo
sfondo, vi mostrerò la differenza.

62
04:23.120 --> 04:26.300
Quindi, colorate il punto blu e correte di
nuovo.

63
04:26.300 --> 04:30.800
E si può notare che il blu è per il
modificatore.

64
04:30.800 --> 04:35.120
E quella di colore giallo è per la carta.

65
04:35.120 --> 04:39.920
Utilizzando le impostazioni predefinite
della carta, è possibile impostare la
quota e i colori.

66
04:39.920 --> 04:47.090
Nei prossimi video impareremo di più sulle
schede e costruiremo

67
04:47.090 --> 04:50.390
un'interfaccia utente più complessa in
Jetpack Compose utilizzando le schede.