יצירת לחצן להפעלת גלילה עם הצמדה

אתם יכולים להציג לחצן כדי לאפשר למשתמש לעבור במהירות לנקודה ספציפית ברשימה, וכך לחסוך זמן ולהגביר את ההתעניינות של המשתמשים.

תאימות גרסאות

כדי להטמיע את הקוד הזה, צריך להגדיר את 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. רשימה עם גלילה אנכית וכפתור גלילה עם הצמדה.

אוספים שמכילים את המדריך הזה

המדריך הזה הוא חלק מהאוספים הבאים של מדריכים מהירים, שמכסים יעדים רחבים יותר לפיתוח Android:

רשימות ורשתות מאפשרות להציג באפליקציה קולקציות בצורה חזותית נעימה וקלה לשימוש למשתמשים.
איך פונקציות מורכבות מאפשרות ליצור בקלות רכיבי ממשק משתמש יפים על סמך מערכת העיצוב של Material Design.
בסדרת הסרטונים הזו נסביר על ממשקי API שונים של Compose, ונראה במהירות מה זמין ואיך משתמשים בהם.

יש לכם שאלות או משוב

אתם יכולים להיכנס לדף השאלות הנפוצות שלנו ולקרוא מדריכים מהירים, או ליצור איתנו קשר ולספר לנו מה דעתכם.