Grid هي واجهة برمجة تطبيقات Jetpack Compose
تتيح لك تنفيذ تصميم ثنائي الأبعاد بمرونة.
باستخدام واجهة برمجة التطبيقات هذه، يمكنك عرض العناصر في تنسيقات متعدّدة الأعمدة أو الصفوف تتكيّف مع حجم الحاوية المتاح.
Grid
كيف تختلف Grid عن العناصر القابلة للإنشاء المشابهة؟
يوفّر Compose حاليًا مكونات مشابهة، مثل LazyVerticalGrid.
هذه المكوّنات مخصّصة بشكل أساسي لعرض مجموعات البيانات الكبيرة والمتجانسة، مثل عرض فهرس المحتوى في تطبيق لبث الفيديو. ولا تم تصميم هذه المكوّنات للتنسيق البنيوي للشاشة أو المكوّنات المعقّدة.
يمكنك أيضًا تنفيذ تصميم ثنائي الأبعاد من خلال الجمع بين عدة عناصر قابلة للإنشاء Row وColumn.
ومع ذلك، لهذه الطريقة بعض السلبيات، مثل التسلسلات الهرمية المعقّدة وصعوبة التكيّف.
يقدّم الجدول التالي نظرة عامة حول التنسيقات المناسبة لكل واجهة برمجة تطبيقات:
| المكوّن | الغرض |
|---|---|
LazyVerticalGrid وLazyStaggeredGrid وLazyHorizontalGrid |
تصوّر مجموعات البيانات الكبيرة والمتجانسة التي تتطلّب التحميل الكسول |
Row وColumn وFlexBox |
التصميم الأحادي الأبعاد |
Grid |
التصميم الثنائي الأبعاد |
المصطلحات
تعرَّف على المصطلحات التالية
لفهم طريقة عمل Grid.
خط الشبكة
تتكوّن الشبكة من خطوط أفقية وعمودية. إذا كانت الشبكة تتضمّن ثلاثة صفوف، سيكون لديها أربعة خطوط أفقية، بما في ذلك الخط الذي يلي الصف الأخير. في الصورة التالية، يمثّل كل خط منقّط أحد خطوط الشبكة:
تتبُّع الشبكة
مسار الشبكة هو المساحة بين خطَّي شبكة. يقع مسار الصف بين خطَين أفقيَين، ويقع مسار العمود بين خطَين عموديَين. لتحديد حجم هذه المسارات، عليك تعيين حجم لها عند إنشاء الشبكة.
خلية شبكة
خلية الشبكة هي نقطة التقاطع بين صف ومسار عمود.
منطقة الشبكة
تتألف مساحة الشبكة من عدة خلايا شبكة. يمكنك تحديد مساحة شبكة من خلال جعل عنصر يمتد على مسارات متعددة.
فجوة الشبكة
فجوة الشبكة هي المساحة بين مسارات الشبكة. لا يمكنك وضع عنصر في واجهة المستخدم في فجوة، ولكن يمكنك توسيع عنصر في واجهة المستخدم ليشملها.
