Tworzenie przycisku umożliwiającego przyciąganie

Możesz wyświetlić przycisk, który pozwoli użytkownikowi szybko przewinąć listę do określonego miejsca, co pozwoli zaoszczędzić czas i zwiększy zaangażowanie użytkownika.

Zgodność wersji

Ta implementacja wymaga, aby minimalna wersja pakietu SDK projektu była ustawiona na poziom API 21 lub wyższy.

Zależności

Tworzenie przycisku umożliwiającego przyciąganie

Aby utworzyć przycisk płynnego przewijania w listach pionowych z 10 elementami, użyj tego kodu:

@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

Najważniejsze informacje o kodzie

  • Używa obiektu listState, aby zapamiętać stan przewijania LazyColumn do wybranej pozycji.
  • Uruchamia coroutine, aby wywołać funkcję listState.animateScrollToItem, która przewija do posortowanego elementu, animując przy tym działanie przewijania.

Wyniki

Lista z przewijaniem pionowym z aktywnym przyciskiem
Rysunek 1. Lista przewijana w pionie z przyciskiem przyciągania.

Kolekcje zawierające ten przewodnik

Ten przewodnik należy do tych kolekcji krótkich przewodników, które obejmują szersze zagadnienia związane z tworzeniem aplikacji na Androida:

Listy i siatki umożliwiają wyświetlanie kolekcji w atrakcyjnej wizualnie formie, która jest łatwa w odczytaniu dla użytkowników.
Kolekcja krótkich przewodników
Dowiedz się, jak funkcje składane mogą ułatwić tworzenie atrakcyjnych komponentów interfejsu użytkownika na podstawie systemu projektowania Material Design.
Kolekcja krótkich przewodników
Ta seria filmów przedstawia różne interfejsy API usługi Compose, szybko pokazując, co jest dostępne i jak z nich korzystać.
Kolekcja krótkich przewodników

Masz pytania lub chcesz przekazać opinię?

Otwórz stronę z najczęstszymi pytaniami i poznaj krótkie przewodniki lub skontaktuj się z nami i powiedz nam, co o tym myślisz.
Najczęstsze pytania Prześlij opinię