معرّف الإصدار العالمي (GRid)

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

كيف تختلف Grid عن العناصر القابلة للإنشاء المشابهة؟

توفّر Compose حاليًا مكوّنات مشابهة، مثل LazyVerticalGrid. هذه المكوّنات مخصّصة بشكل أساسي لعرض مجموعات البيانات الكبيرة والمتجانسة، مثل عرض فهرس المحتوى في تطبيق لبث الفيديو. ولا تم تصميم هذه المكوّنات للتنسيق البنيوي للشاشة أو المكوّنات المعقّدة.

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

يقدّم الجدول التالي نظرة عامة حول التنسيقات المناسبة لكل واجهة برمجة تطبيقات:

المكوّن	الغرض
LazyVerticalGrid وLazyStaggeredGrid وLazyHorizontalGrid	تصوّر مجموعات البيانات الكبيرة والمتجانسة التي تتطلّب التحميل الكسول
Row وColumn وFlexBox	التصميم الأحادي الأبعاد
Grid	التصميم الثنائي الأبعاد

المصطلحات

تعرَّف على المصطلحات التالية لفهم طريقة عمل Grid.

خط الشبكة

تتكوّن الشبكة من خطوط أفقية وعمودية. إذا كانت شبكتك تتضمّن ثلاثة صفوف، سيكون فيها أربعة خطوط أفقية، بما في ذلك الخط الذي يلي الصف الأخير. في الصورة التالية، يمثّل كل خط منقّط أحد خطوط الشبكة:

تتبُّع الشبكة

مسار الشبكة هو المساحة بين خطَّي شبكة. مسار الصف هو المسافة بين خطَين أفقيَين، ومسار العمود هو المسافة بين خطَين عموديَين. لتحديد حجم هذه المسارات، يجب تعيين حجم لها عند إنشاء الشبكة.

خلية شبكة

خلية الشبكة هي نقطة التقاطع بين مسار الصف ومسار العمود.

مساحة الشبكة

تتألف مساحة الشبكة من عدة خلايا شبكة. يمكنك تحديد مساحة شبكة من خلال جعل عنصر يمتد على مسارات متعددة.

فجوة الشبكة

فجوة الشبكة هي المساحة بين مسارات الشبكة. لا يمكنك وضع عنصر في واجهة المستخدم في فجوة، ولكن يمكنك توسيع عنصر في واجهة المستخدم ليشملها.