Gestione delle interazioni in una colonna pigra.
La riga pigra, o anche la griglia verticale pigra di Jetpack Compose, prevede
il rilevamento di azioni dell'utente come clic, pressione prolungata e altri gesti.
Jetpack compose offre vari modi per gestire queste interazioni attraverso modificatori e gestione dello stato.
Per gestire gli eventi di clic sugli elementi di una colonna o di una riga pigra, o anche della griglia verticale pigra.
È possibile utilizzare il modificatore cliccabile.
Quindi, nella colonna pigra, dobbiamo gestire gli eventi click sugli
elementi e gli elementi sono del tipo My custom item.
Scorrete quindi verso il basso fino alla voce personalizzata.
Possiamo impostare il clic per la riga o il clic per il testo.
Preferisco usare il clickable per l'intera riga, in modo che quando si implementa
il clickable, siamo in grado di gestire gli eventi click sull'elemento dell'elenco.
Creerò un messaggio di brindisi, utilizzerò il titolo dell'articolo e non mancherà il metodo di visualizzazione.
Eseguiamo la nostra applicazione e assicuriamoci di chiamare la mia colonna lazy nel set content.
Eseguire l'applicazione.
Eccoci qua.
Titolo dell'intestazione appiccicoso per gli elementi.
Questo è il singolo elemento e questi sono gli elementi dell'elenco.
Cliccate sulla voce numero nove.
Avete cliccato di nuovo sul punto nove.
Vi mostrerò il punto 14.
Avete cliccato sul punto 14.
Fare clic su 11.
Avete cliccato sul punto 11.
In questo modo gestiamo gli eventi click sugli elementi di Kotlin pigro.
Inoltre, possiamo gestire eventi di stampa prolungata sugli articoli.
Quindi, ad esempio, se abbiamo una pressione prolungata, dobbiamo rilevare la pressione prolungata sugli elementi di questo elenco.
È necessario utilizzare l'ingresso del puntatore.
Qui possiamo aggiungere il modificatore cliccabile di questo testo.
Quindi la smetto qui.
E posso usarlo come facevo prima.
Ok.
Questo è il cliccabile.
Quindi posso implementare il cliccabile per rilevare la pressione prolungata sugli elementi che
devo utilizzare l'input del puntatore e l'unità di passaggio non deve passare nulla.
E qui dobbiamo rilevare i gesti Tagged tap.
E se passiamo al metodo di rilevamento dei gesti di tocco,
abbiamo quattro parametri e quattro modi possibili per il doppio tocco.
Su pressione prolungata, su pressione e su tocco.
Possiamo implementare uno o più di questi gesti quando chiamiamo questo metodo.
Ad esempio, se sto per implementare la pressione prolungata, la si può vedere sulla pressione prolungata.
Assicuratevi di utilizzare i gesti di rilevamento del tocco seguiti da parentesi, non da parentesi graffe.
E qui ho bisogno di passare e gestire l'evento click per molto tempo.
Ad esempio, ho bisogno di visualizzare un messaggio di brindisi per l'utente.
On e specifichiamo l'altezza.
Ok, ecco come rilevare la pressione prolungata sugli elementi.
Eseguiamo la nostra applicazione.
Eccoci qua.
Se faccio clic su di esso clic normale.
Non è successo nulla.
Se premo a lungo sulla voce numero otto, potete vedere che è stata premuta a lungo sulla voce numero otto.
Di nuovo, ragazzi, lasciate che vi mostri.
Cliccate sulla voce numero dieci.
Non è successo nulla.
Se si preme a lungo sulla voce numero dieci, si può vedere che viene attivato il messaggio di toast.
Questo è il modo in cui gestiamo i gesti e rileviamo i gesti di tocco in Jetpack Compose.
Un'ultima cosa che possiamo fare.
Possiamo combinare, fare clic e premere a lungo sugli articoli qui presenti.
Come accennato in precedenza, il gesto di rilevamento del tocco contiene quattro gesti possibili per il doppio tocco.
Su pressione prolungata, su pressione e su tocco.
Ecco, questo è il.
Su pressione prolungata seguirò con la spillatura.
E qui gestiremo l'evento click come un normale tap.
Di nuovo, premere normalmente sul titolo dell'articolo.
Eseguiamo nuovamente la nostra applicazione con un solo clic sull'elemento numero nove.
Normale premuto sul punto numero nove.
E premete a lungo sulla voce numero nove.
Ecco come gestire i gesti multipli sugli elementi della colonna o della riga o della griglia verticale pigra.