عرض عناصر التمرير المتداخل في قائمة

يمكنك عرض عناصر متداخلة للانتقال فيها ضمن قائمة لعرض تنسيقات معقّدة، مثل كتالوجات المنتجات ومعارض الوسائط وخلاصات الأخبار وغير ذلك.

توافق الإصدار

يتطلّب هذا التنفيذ ضبط الحد الأدنى من إصدار حزمة تطوير البرامج (SDK) لمشروعك على المستوى 21 من واجهة برمجة التطبيقات أو مستوى أعلى.

التبعيات

تنفيذ الانتقال الأفقي المُدمَج في قائمة عمودية

تُنشئ التعليمة البرمجية التالية قائمة يمكن التمرير فيها بطريقتَين. يتم التمرير في صفوف القائمة أفقيًا، ويتم التمرير في القائمة ككل، أي عمود واحد، بشكل عمودي.

@Composable
fun NestedScrollingRowsList(urls: List<String>) {
    LazyColumn {
        items(10) {
            LazyRow {
                item { Text("Row: $it") }
                items(urls.size) { index ->
                    // AsyncImage provided by Coil.
                    AsyncImage(
                        model = urls[index],
                        modifier = Modifier.size(150.dp),
                        contentDescription = null
                    )
                }
            }
        }
    }
}
NestedScrollingItem.kt

النتائج

يعرض الفيديو التالي السلوكيات الناتجة عن القوائم الأفقية المُدمجة ضمن قائمة لفّ عمودي.

المجموعات التي تتضمّن هذا الدليل

هذا الدليل هو جزء من مجموعات الأدلة السريعة المنظَّمة التي تتناول أهداف تطوير Android الأوسع نطاقًا:

تسمح القوائم والشبكات لتطبيقك بعرض المجموعات في شكلٍ ممتع من الناحية المرئية ويسهل على المستخدمين الاطّلاع عليه.
مجموعة الأدلة السريعة
تعرَّف على كيفية استخدام الدوال القابلة للتجميع لإنشاء مكونات جميلة لواجهة المستخدم بسهولة استنادًا إلى نظام التصميم المتعدّد الأبعاد.
مجموعة الأدلة السريعة
تعرِض سلسلة الفيديوهات هذه واجهات برمجة التطبيقات المختلفة لتطبيق Compose، وتوضّح لك بسرعة الميزات المتاحة وكيفية استخدامها.
مجموعة الأدلة السريعة

إذا كانت لديك أسئلة أو ملاحظات

يمكنك الانتقال إلى صفحة الأسئلة الشائعة والاطّلاع على الأدلة السريعة أو التواصل معنا وإعلامنا برأيك.
الانتقال إلى الأسئلة الشائعة تقديم ملاحظات