Membuat tombol untuk mengaktifkan scroll snap

Anda dapat menampilkan tombol untuk memungkinkan pengguna langsung men-scroll ke titik tertentu dalam daftar, sehingga menghemat waktu dan meningkatkan engagement pengguna.

Kompatibilitas versi

Implementasi ini mengharuskan minSDK project Anda ditetapkan ke API level 21 atau yang lebih tinggi.

Dependensi

Membuat tombol untuk mengaktifkan scroll snap

Gunakan kode berikut untuk membuat tombol guna men-scroll snap dengan lancar dalam daftar lambat vertikal dengan 10 item:

@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

Poin-poin penting tentang kode

• Menggunakan objek listState untuk mengingat status scroll LazyColumn ke posisi yang dipilih.
• Meluncurkan coroutine untuk memanggil listState.animateScrollToItem, yang men-scroll ke item yang diindeks saat menganimasikan tindakan scroll.

Hasil

Koleksi yang berisi panduan ini

Panduan ini adalah bagian dari koleksi Panduan Cepat pilihan yang membahas sasaran pengembangan Android yang lebih luas:

Menampilkan daftar atau petak

Daftar dan petak memungkinkan aplikasi Anda menampilkan koleksi dalam bentuk yang menarik secara visual dan mudah digunakan oleh pengguna.

Koleksi panduan cepat

Menampilkan komponen interaktif

Pelajari cara fungsi composable dapat memudahkan Anda membuat komponen UI yang menarik berdasarkan sistem desain Desain Material.

Koleksi panduan cepat

Dasar-dasar Compose (koleksi video)

Rangkaian video ini memperkenalkan berbagai Compose API, yang dengan cepat menunjukkan kepada Anda apa yang tersedia dan cara menggunakannya.

Koleksi panduan cepat

Ada pertanyaan atau masukan

Buka halaman pertanyaan umum (FAQ) dan pelajari panduan singkat atau hubungi kami dan beri tahu kami pendapat Anda.

Buka FAQ Berikan masukan