Kaydırma tuşunu etkinleştirmek için bir düğme oluşturun

Kullanıcının bir listedeki belirli bir noktaya hızlıca kaydırmasına olanak tanıyan bir düğme göstererek zamandan tasarruf edebilir ve kullanıcı etkileşimini artırabilirsiniz.

Sürüm uyumluluğu

Bu uygulama için projenizin minSDK değerinin API düzeyi 21 veya üstü olarak ayarlanması gerekir.

Bağımlılıklar

Kaydırma tuşunu etkinleştirmek için bir düğme oluşturun

10 öğenin bulunduğu dikey bir gecikmeli listede sorunsuz kaydırma için bir düğme oluşturmak üzere aşağıdaki kodu kullanın:

@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

Kodla ilgili önemli noktalar

  • LazyColumn nesnesinin kaydırma durumunu seçili konumda hatırlamak için listState nesnesini kullanır.
  • Kaydırma işlemini animasyonlu olarak gerçekleştirirken dizine eklenen öğeye kaydıran listState.animateScrollToItem işlevini çağırmak için bir coroutine başlatır.

Sonuçlar

Etkin bir düğme içeren dikey olarak kaydırılabilir liste
Şekil 1. Anında kaydırma düğmesi bulunan dikey kaydırma listesi.

Bu kılavuzu içeren koleksiyonlar

Bu kılavuz, daha geniş Android geliştirme hedeflerini kapsayan, özel olarak seçilmiş Hızlı Kılavuz koleksiyonlarından biridir:

Listeler ve ızgaralar, uygulamanızın koleksiyonları kullanıcıların kolayca kullanabileceği, görsel açıdan hoş bir biçimde göstermesine olanak tanır.
Hızlı rehber koleksiyonu
Birleştirilebilir işlevlerin, Materyal Tasarım tasarım sistemine dayalı güzel kullanıcı arayüzü bileşenleri oluşturmanızı nasıl kolaylaştırabileceğini öğrenin.
Hızlı rehber koleksiyonu
Bu video serisinde, çeşitli Compose API'leri tanıtılır ve mevcut API'ler ile bunların nasıl kullanılacağı hızlıca gösterilir.
Hızlı rehber koleksiyonu

Sorularınız veya geri bildiriminiz mi var?

Sık sorulan sorular sayfamıza giderek kısa kılavuzlar hakkında bilgi edinebilir veya bize ulaşarak düşüncelerinizi bizimle paylaşabilirsiniz.
SSS'ye gidin Geri bildirim gönderin