WEBVTT

1
00:00.470 --> 00:07.460
Ora abbiamo capito la differenza tra i
colon pigri e la riga pigra e come
implementarli.

2
00:07.490 --> 00:11.750
Diamo un'occhiata alla firma per i colon
pigri e la riga pigra.

3
00:11.780 --> 00:18.440
Qui il colon pigro può vedere il padding
del contenuto dello stato modificatore, il
layout inverso,

4
00:18.470 --> 00:23.900
la disposizione verticale, l'allineamento
orizzontale, il comportamento di flinch,
lo scorrimento dell'utente abilitato e il
contenuto.

5
00:23.900 --> 00:32.240
Il parametro più importante da notare è il
contenuto, che rappresenta il contenuto
dell'elenco.

6
00:32.240 --> 00:40.970
Questo contenuto è di tipo scoop a lista
pigra e non il solito tipo componibile.

7
00:40.970 --> 00:42.920
Passiamo all'elenco dei pigri.

8
00:42.920 --> 00:45.530
Scoop, Ctrl e clic sinistro.

9
00:45.560 --> 00:49.850
È possibile vedere questa interfaccia
chiamata Lazy List Scoop.

10
00:49.850 --> 00:56.570
Questa interfaccia fornisce una serie di
funzioni che aiutano a costruire gli
elenchi.

11
00:56.570 --> 01:04.420
Ad esempio, abbiamo la funzione item, che
consente di aggiungere un nuovo elemento
componibile all'elenco.

12
01:04.450 --> 01:08.860
Si noti che è possibile utilizzare ogni
volta tipi componibili diversi.

13
01:08.860 --> 01:11.920
Poi c'è la funzione "oggetti".

14
01:11.950 --> 01:20.800
La funzione Items consente di impostare un
elenco di dati degli elementi che si
desidera utilizzare in ogni voce
dell'elenco.

15
01:20.800 --> 01:28.270
Una volta impostati i dati, occorre anche
fornire un contenuto dell'elemento,

16
01:28.270 --> 01:30.160
che è un elemento componibile utilizzato
per visualizzare ogni elemento
dell'elenco.

17
01:30.160 --> 01:36.040
E questo è ciò che abbiamo usato prima di
usare gli elementi in Lazy row e lazy
column.

18
01:36.040 --> 01:38.740
Poi abbiamo un'intestazione appiccicosa.

19
01:38.740 --> 01:44.980
Si tratta di una funzione che consente di
impostare l'intestazione componibile che
rimarrà visibile nella

20
01:44.980 --> 01:48.760
parte superiore dell'elenco anche dopo lo
scorrimento verso il basso per vedere i
nuovi elementi.

21
01:48.760 --> 01:56.080
Si noti che questa funzione è annotata con
Experimental Foundation API, il che
significa

22
01:56.080 --> 02:00.390
che è ancora in fase sperimentale e
potrebbe cambiare o essere rimossa in
futuro.

23
02:00.390 --> 02:01.830
Quindi torniamo indietro.

24
02:01.830 --> 02:10.470
Qui utilizzerò i miei colon pigri e creerò
un nuovo elemento per i colon pigri.

25
02:10.470 --> 02:15.000
Li rimuovo e li sostituisco con l'articolo
uno e così via.

26
02:22.110 --> 02:23.370
Il colon pigro.

27
02:23.370 --> 02:24.510
Abbiamo questo elenco.

28
02:24.540 --> 02:25.950
Abbiamo dieci articoli.

29
02:25.950 --> 02:35.970
Sto usando gli elementi all'interno dei
colon pigri, in modo da poter usare il mio
elemento personalizzato per aggiungere un
singolo elemento.

30
02:35.970 --> 02:40.260
Quindi, invece di usare gli oggetti, userò
l'oggetto.

31
02:40.260 --> 02:43.770
E all'interno di questo elemento creerò un
testo.

32
02:43.800 --> 02:46.950
Lo imposterò come titolo per gli articoli.

33
02:46.950 --> 02:54.000
Eseguiamo la nostra applicazione e
possiamo notare che il

34
02:54.030 --> 02:55.350
titolo degli elementi viene visualizzato
prima dell'elenco degli elementi.

35
02:55.350 --> 03:02.240
Per chiarire meglio, possiamo usarlo con
più parametri, aumentare la

36
03:02.240 --> 03:03.950
dimensione dei caratteri, eseguire di
nuovo l'applicazione ed ecco fatto.

37
03:03.980 --> 03:05.870
È possibile vedere il titolo degli
articoli.

38
03:05.900 --> 03:08.330
Punto uno, due, tre e dieci.

39
03:08.360 --> 03:10.730
Creiamo uno scrollabile.

40
03:10.730 --> 03:14.450
Aumentare gli elementi dell'elenco per
renderlo scorrevole.

41
03:14.450 --> 03:15.770
Quindi ecco.

42
03:19.010 --> 03:20.270
Eseguire l'applicazione.

43
03:20.270 --> 03:24.290
Ho aggiunto 15 voci all'elenco ed eccoci
qui.

44
03:24.320 --> 03:27.500
Questa è la nostra lazycolumn scorrevole.

45
03:27.500 --> 03:35.180
E come già detto, abbiamo una funzione
componibile con intestazione appiccicosa
all'interno del DSL pigro.

46
03:35.180 --> 03:36.290
Possiamo usarlo.

47
03:36.290 --> 03:41.450
Quindi, all'interno della lazycolumn
utilizziamo la funzione item e la funzione
items.

48
03:41.450 --> 03:46.460
Posso creare un'intestazione appiccicosa
utilizzando l'intestazione appiccicosa.

49
03:46.490 --> 03:51.200
Aggiunta dell'annotazione opt in API di
fondazione sperimentale.

50
03:51.230 --> 03:58.850
Ancora una volta, ragazzi, questa è
un'intestazione appiccicosa e annotata con
API e

51
03:58.850 --> 04:02.810
notazioni di fondazione sperimentali, e
potrebbe o meno essere rimossa in futuro.

52
04:02.810 --> 04:09.500
Aggiornamenti di Jetpack Compose In
Jetpack Compose, la colonna Lazycolumn
supporta le intestazioni appiccicose,

53
04:09.500 --> 04:15.680
ovvero intestazioni che si attaccano alla
parte superiore dello schermo mentre si
scorre l'elenco.

54
04:15.710 --> 04:22.640
Purtroppo, Lazy Row non supporta in modo
nativo le intestazioni appiccicose, perché
il

55
04:22.670 --> 04:25.760
concetto di intestazione appiccicosa è più
comune in contesti di scorrimento
verticale.

56
04:25.790 --> 04:32.060
Per aggiungere un'intestazione
appiccicosa, si usa la funzione sticky
header all'interno dello scoop lazycolumn,
come abbiamo fatto in precedenza.

57
04:32.090 --> 04:40.430
Questa funzione consente di definire i
Composable che rimarranno nella parte

58
04:40.460 --> 04:42.410
superiore dello schermo finché una nuova
intestazione non li farà sparire.

59
04:42.440 --> 04:45.500
Ad esempio, inizierò a creare un nuovo
testo.

60
04:45.530 --> 04:48.710
Qui lo imposterò come intestazione
adesiva.

61
04:50.990 --> 05:00.670
Dimensione del carattere per lo sfondo del
punto del modificatore SP TSP e impostare
il colore di sfondo della scrivania in
blu.

62
05:00.670 --> 05:04.900
Eseguiamo la nostra applicazione e vediamo
l'intestazione appiccicosa.

63
05:04.900 --> 05:06.580
Scorriamo gli articoli.

64
05:06.580 --> 05:14.020
L'intestazione appiccicosa è ancora in
alto, quindi gli elementi di

65
05:14.050 --> 05:15.880
ciascun gruppo sono visualizzati in basso
con le rispettive intestazioni.

66
05:15.880 --> 05:22.600
Durante lo scorrimento, ogni intestazione
rimane in alto fino allo scorrimento
dell'intestazione successiva.

67
05:22.630 --> 05:29.710
La funzione di intestazione appiccicosa
viene utilizzata per creare
un'intestazione che si attacca alla parte
superiore dello schermo.

68
05:29.710 --> 05:37.810
L'intestazione componibile può essere
personalizzata a seconda delle esigenze,
quindi Sticky Header consente di

69
05:37.810 --> 05:41.170
creare elenchi più organizzati e
leggibili, soprattutto quando si tratta di
dati raggruppati.

70
05:41.170 --> 05:48.520
Fornisce un modo nativo e semplice per
raggruppare le

71
05:48.520 --> 05:49.480
intestazioni delle sezioni visibili
durante lo scorrimento dell'elenco.