یک دکمه برای فعال کردن اسکرول سریع ایجاد کنید

می‌توانید دکمه‌ای را نمایش دهید که به کاربر اجازه می‌دهد به یک نقطه خاص در لیست پیمایش کند و در زمان صرفه‌جویی کند و تعامل کاربر را افزایش دهد.

سازگاری نسخه

این پیاده سازی مستلزم آن است که minSDK پروژه شما روی سطح API 21 یا بالاتر تنظیم شود.

وابستگی ها

یک دکمه برای فعال کردن اسکرول سریع ایجاد کنید

از کد زیر برای ایجاد دکمه ای برای اسکرول صاف در یک لیست تنبل عمودی با 10 مورد استفاده کنید:

@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")
    }
}

نکات کلیدی در مورد کد

  • از شی listState برای به خاطر سپردن وضعیت اسکرول LazyColumn به موقعیت انتخاب شده استفاده می کند.
  • برنامه‌ای را برای فراخوانی listState.animateScrollToItem راه‌اندازی می‌کند.

نتایج

یک لیست پیمایش عمودی با یک دکمه فعال
شکل 1. لیست پیمایش عمودی با دکمه اسکرول.

مجموعه هایی که حاوی این راهنما هستند

این راهنما بخشی از مجموعه‌های راهنمای Quick Guide است که اهداف توسعه Android گسترده‌تری را پوشش می‌دهد:

فهرست‌ها و شبکه‌ها به برنامه شما اجازه می‌دهند مجموعه‌ها را به شکل بصری دلپذیری نمایش دهد که مصرف آن برای کاربران آسان است.
بیاموزید که چگونه توابع ترکیب‌پذیر می‌توانند به شما کمک کنند تا به راحتی اجزای رابط کاربری زیبا را بر اساس سیستم طراحی مواد طراحی کنید.
این سری از ویدیوها APIهای Compose مختلف را معرفی می‌کند و به سرعت به شما نشان می‌دهد که چه چیزی در دسترس است و چگونه از آنها استفاده کنید.

سوال یا بازخورد داشته باشید

به صفحه سوالات متداول ما بروید و درباره راهنماهای سریع بیاموزید یا با ما تماس بگیرید و نظرات خود را با ما در میان بگذارید.