Creare un pulsante per attivare lo scorrimento con scatto

Puoi mostrare un pulsante che consenta a un utente di scorrere fino a un punto specifico di un elenco, risparmiando tempo e aumentando il coinvolgimento dell'utente.

Compatibilità delle versioni

Questa implementazione richiede che il valore minSDK del progetto sia impostato sul livello API 21 o superiore.

Dipendenze

Creare un pulsante per attivare lo scorrimento con scatto

Utilizza il seguente codice per creare un pulsante per lo scorrimento uniforme con scatti in un elenco lazy verticale con 10 elementi:

@Composable
fun MessageList(modifier: Modifier = Modifier) {
    val listState = rememberLazyListState()
    val coroutineScope = rememberCoroutineScope()

    LazyColumn(state = listState, modifier = Modifier.height(120.dp)) {
        items(10) { index ->
            Text(
                modifier = Modifier.height(40.dp),
                text = "Item $index"
            )
        }
    }

    Button(onClick = {
        coroutineScope.launch {
            listState.animateScrollToItem(index = 0)
        }
    }) {
        Text(text = "Go top")
    }
}
LazyListSnippets.kt

Punti chiave del codice

  • Utilizza l'oggetto listState per ricordare lo stato di scorrimento di LazyColumn fino alla posizione selezionata.
  • Avvia una coroutine per chiamare listState.animateScrollToItem, che scorrerà fino all'elemento indicizzato animando l'azione di scorrimento.

Risultati

Un elenco con scorrimento verticale con un pulsante attivo
Figura 1. Un elenco con scorrimento verticale e un pulsante di scorrimento a scatto.

Raccolte che contengono questa guida

Questa guida fa parte di queste raccolte di guide rapide selezionate che coprono obiettivi di sviluppo Android più ampi:

Elenchi e griglie consentono alla tua app di mostrare le raccolte in un formato piacevole dal punto di vista visivo e facilmente fruibile dagli utenti.
Collezione di guide rapide
Scopri come le funzioni composable possono aiutarti a creare facilmente magnifici componenti dell'interfaccia utente basati sul sistema di progettazione Material Design.
Collezione di guide rapide
Questa serie di video introduce varie API Compose, mostrando rapidamente cosa è disponibile e come utilizzarle.
Collezione di guide rapide

Domande o feedback

Visita la nostra pagina delle domande frequenti e scopri le guide rapide o contattaci per farci sapere cosa ne pensi.
Vai alle domande frequenti Lascia un feedback