WEBVTT 1 00:01.010 --> 00:03.950 Gestione delle interazioni in una colonna pigra. 2 00:03.980 --> 00:12.170 La riga pigra, o anche la griglia verticale pigra di Jetpack Compose, prevede 3 00:12.170 --> 00:16.220 il rilevamento di azioni dell'utente come clic, pressione prolungata e altri gesti. 4 00:16.250 --> 00:24.440 Jetpack compose offre vari modi per gestire queste interazioni attraverso modificatori e gestione dello stato. 5 00:24.440 --> 00:30.650 Per gestire gli eventi di clic sugli elementi di una colonna o di una riga pigra, o anche della griglia verticale pigra. 6 00:30.650 --> 00:34.130 È possibile utilizzare il modificatore cliccabile. 7 00:34.130 --> 00:41.330 Quindi, nella colonna pigra, dobbiamo gestire gli eventi click sugli 8 00:41.330 --> 00:42.890 elementi e gli elementi sono del tipo My custom item. 9 00:42.890 --> 00:45.470 Scorrete quindi verso il basso fino alla voce personalizzata. 10 00:45.470 --> 00:50.570 Possiamo impostare il clic per la riga o il clic per il testo. 11 00:50.570 --> 00:57.680 Preferisco usare il clickable per l'intera riga, in modo che quando si implementa 12 00:57.710 --> 01:01.460 il clickable, siamo in grado di gestire gli eventi click sull'elemento dell'elenco. 13 01:01.460 --> 01:08.090 Creerò un messaggio di brindisi, utilizzerò il titolo dell'articolo e non mancherà il metodo di visualizzazione. 14 01:08.090 --> 01:14.970 Eseguiamo la nostra applicazione e assicuriamoci di chiamare la mia colonna lazy nel set content. 15 01:15.000 --> 01:16.170 Eseguire l'applicazione. 16 01:16.170 --> 01:17.130 Eccoci qua. 17 01:17.160 --> 01:19.290 Titolo dell'intestazione appiccicoso per gli elementi. 18 01:19.320 --> 01:22.650 Questo è il singolo elemento e questi sono gli elementi dell'elenco. 19 01:22.680 --> 01:24.630 Cliccate sulla voce numero nove. 20 01:24.630 --> 01:26.640 Avete cliccato di nuovo sul punto nove. 21 01:26.640 --> 01:28.440 Vi mostrerò il punto 14. 22 01:28.440 --> 01:29.970 Avete cliccato sul punto 14. 23 01:30.000 --> 01:31.170 Fare clic su 11. 24 01:31.170 --> 01:32.730 Avete cliccato sul punto 11. 25 01:32.730 --> 01:39.510 In questo modo gestiamo gli eventi click sugli elementi di Kotlin pigro. 26 01:39.510 --> 01:44.730 Inoltre, possiamo gestire eventi di stampa prolungata sugli articoli. 27 01:44.730 --> 01:52.230 Quindi, ad esempio, se abbiamo una pressione prolungata, dobbiamo rilevare la pressione prolungata sugli elementi di questo elenco. 28 01:52.260 --> 01:55.230 È necessario utilizzare l'ingresso del puntatore. 29 01:55.230 --> 02:00.720 Qui possiamo aggiungere il modificatore cliccabile di questo testo. 30 02:00.720 --> 02:02.880 Quindi la smetto qui. 31 02:02.880 --> 02:06.810 E posso usarlo come facevo prima. 32 02:06.840 --> 02:07.290 Ok. 33 02:07.290 --> 02:08.430 Questo è il cliccabile. 34 02:08.430 --> 02:16.260 Quindi posso implementare il cliccabile per rilevare la pressione prolungata sugli elementi che 35 02:16.260 --> 02:19.980 devo utilizzare l'input del puntatore e l'unità di passaggio non deve passare nulla. 36 02:19.980 --> 02:25.320 E qui dobbiamo rilevare i gesti Tagged tap. 37 02:25.320 --> 02:33.210 E se passiamo al metodo di rilevamento dei gesti di tocco, 38 02:33.240 --> 02:34.050 abbiamo quattro parametri e quattro modi possibili per il doppio tocco. 39 02:34.080 --> 02:37.020 Su pressione prolungata, su pressione e su tocco. 40 02:37.020 --> 02:43.410 Possiamo implementare uno o più di questi gesti quando chiamiamo questo metodo. 41 02:43.410 --> 02:51.000 Ad esempio, se sto per implementare la pressione prolungata, la si può vedere sulla pressione prolungata. 42 02:51.030 --> 02:56.610 Assicuratevi di utilizzare i gesti di rilevamento del tocco seguiti da parentesi, non da parentesi graffe. 43 02:56.610 --> 03:01.770 E qui ho bisogno di passare e gestire l'evento click per molto tempo. 44 03:01.770 --> 03:06.090 Ad esempio, ho bisogno di visualizzare un messaggio di brindisi per l'utente. 45 03:08.640 --> 03:11.940 On e specifichiamo l'altezza. 46 03:14.340 --> 03:20.220 Ok, ecco come rilevare la pressione prolungata sugli elementi. 47 03:20.220 --> 03:22.050 Eseguiamo la nostra applicazione. 48 03:22.050 --> 03:23.100 Eccoci qua. 49 03:23.100 --> 03:25.830 Se faccio clic su di esso clic normale. 50 03:25.830 --> 03:27.180 Non è successo nulla. 51 03:27.180 --> 03:32.640 Se premo a lungo sulla voce numero otto, potete vedere che è stata premuta a lungo sulla voce numero otto. 52 03:32.670 --> 03:34.770 Di nuovo, ragazzi, lasciate che vi mostri. 53 03:34.800 --> 03:36.490 Cliccate sulla voce numero dieci. 54 03:36.520 --> 03:37.540 Non è successo nulla. 55 03:37.540 --> 03:42.370 Se si preme a lungo sulla voce numero dieci, si può vedere che viene attivato il messaggio di toast. 56 03:42.400 --> 03:49.180 Questo è il modo in cui gestiamo i gesti e rileviamo i gesti di tocco in Jetpack Compose. 57 03:49.210 --> 03:51.310 Un'ultima cosa che possiamo fare. 58 03:51.310 --> 03:56.470 Possiamo combinare, fare clic e premere a lungo sugli articoli qui presenti. 59 03:56.470 --> 04:03.340 Come accennato in precedenza, il gesto di rilevamento del tocco contiene quattro gesti possibili per il doppio tocco. 60 04:03.370 --> 04:06.280 Su pressione prolungata, su pressione e su tocco. 61 04:06.280 --> 04:08.410 Ecco, questo è il. 62 04:08.440 --> 04:12.610 Su pressione prolungata seguirò con la spillatura. 63 04:12.610 --> 04:17.860 E qui gestiremo l'evento click come un normale tap. 64 04:17.860 --> 04:21.820 Di nuovo, premere normalmente sul titolo dell'articolo. 65 04:21.820 --> 04:26.140 Eseguiamo nuovamente la nostra applicazione con un solo clic sull'elemento numero nove. 66 04:26.140 --> 04:28.270 Normale premuto sul punto numero nove. 67 04:28.270 --> 04:32.260 E premete a lungo sulla voce numero nove. 68 04:32.260 --> 04:43.510 Ecco come gestire i gesti multipli sugli elementi della colonna o della riga o della griglia verticale pigra.