تقوم UIListLayout بتموضع العناصر الشقيقة GuiObjects في صفوف أفقية أو أعمدة عمودية داخل الحاوية الأم. في كل مرة تضيف أو تزيل كائن شقيق، يقوم التخطيط بالتكيف وفقًا لذلك.
بمجرد إدخال UIListLayout، فإنه إما يتجاوز أو يؤثر على Position، Rotation، و/أو Size لجميع كائنات واجهة المستخدم الشقيقة، لذا فإن التغييرات على تلك الخصائص في نافذة الخصائص أو من خلال برنامج نصي لن يكون لها التأثير المعتاد.
اتجاه التعبئة
تحدد خاصية FillDirection الاتجاه الذي ستظهر به العناصر الشقيقة في تخطيط القائمة.
يتم تحديد الترتيب بواسطة خاصية SortOrder التي يمكن أن تكون إما تصاعدية رقمية، بناءً على قيمة LayoutOrder الصحيحة لكل عنصر، أو ألفبائية رقمية بناءً على Name للعنصر.
لعكس العناصر، مثل الترتيب من اليمين إلى اليسار في قائمة أفقية، ستحتاج إلى عكس الترتيب. على سبيل المثال، إذا تم ترتيب أربعة عناصر بواسطة LayoutOrder كـ 0، 1، 2، 3 على التوالي، فقم بعكس كل قيمة لتكوين ترتيب كـ 0، -1، -2، -3.
المحاذاة
تحدد خاصيتي HorizontalAlignment و VerticalAlignment المحاذاة المناسبة لـ X و Y للعناصر الشقيقة في القائمة بالنسبة لبعضها البعض وقيود القائمة بشكل عام داخل الحاوية الخاصة بها. على سبيل المثال، قائمة ممتلئة أفقيًا مع VerticalAlignment كـ Center تضع جميع العناصر الشقيقة في القائمة في مركز الحاوية عموديًا وأفقيًا.
تختلف HorizontalAlignment و VerticalAlignment بشكل طفيف عن محاذاة صف العناصر في تخطيط المرونة، حيث يمكنك محاذاة العناصر في نفس الصف دون تطبيق نفس المحاذاة على قيود القائمة العامة في الحاوية الخاصة بها.
التغليف
تتحكم القيمة المنطقية Wraps في ما إذا كانت العناصر الشقيقة داخل الحاوية الأم ستلتف إلى سطر آخر عندما يتجاوز حجمها الافتراضي عرض/ارتفاع قيود الحاوية.
الحشوة
تحدد خاصية Padding مقدار المساحة الفارغة بين كل عنصر قائمة، ويتم تعيينها إما كمعيار (كنسبة مئوية من حجم الحاوية في الاتجاه الحالي) أو كتعويض (قيمة ثابتة مماثلة لحجم البيكسل).
لا تنطبق هذه الخاصية على الحشوة حول القيود العامة للقائمة؛ راجع UIPadding لتطبيق الحشوة العلوية والسفلية واليسرى واليمنى على محتويات الحاوية الأم.
تخطيطات المرونة
تعد دمج المرونة في UIListLayout وسيلة قوية لـ تعبئة/توزيع متساوي أو محاذاة/تمديد عناصر القائمة عبر خطها، أو مرونة عناصر محددة عبر مساحة متغيرة.
بينما تعتبر المرونة أداة قوية، يجب عدم تطبيقها على UIListLayout بدون هدف، لأنها تضيف تكلفة أداء طفيفة أعلى من غير المرونة، خاصة عند إعادة حجم التخطيط أو إضافة/إزالة عناصر مرنة ديناميكيًا.
بالإضافة إلى ذلك، قد يكون تخطيط الشبكة مفضلًا عندما تكون العناصر بحاجة للانتظام بدقة على شبكة في كل من الاتجاهين X و Y، حيث تفرض تخطيطات الشبكة حجم خلية ثابت بينما قد تستخدم تخطيطات المرونة عددًا متغيرًا من العناصر في كل سطر.
تعبئة أو توزيع متساوي
عندما يتم تعيين اتجاه التعبئة لتخطيط القائمة إلى Horizontal، تحدد خاصية HorizontalFlex كيفية توزيع المساحة الأفقية الإضافية في الحاوية الأم. وبالمثل، عندما يتم تعيين اتجاه التعبئة إلى Vertical، تحدد خاصية VerticalFlex كيفية توزيع المساحة الرأسية الإضافية.
استخدام عملي لخاصية HorizontalFlex هو واجهة نافذة تاب حيث تملأ المرونة شريط التبويب بشكل متساوي، بغض النظر عن عدد التبويبات. لا يوجد نهج أسهل من المرونة في هذه الحالة، لأنها تحسب تلقائيًا عرض كل تبويب دون إعدادات عرض محددة من المطور، وتضبط تلقائيًا إذا تغير عدد التبويبات.
محاذاة صف العناصر
تحدد خاصية ItemLineAlignment المحاذاة عبر الاتجاه للعناصر الشقيقة ضمن صف، مما يتيح لك محاذاة الكائنات ذات العرض/الارتفاع المختلفة أو جعل الكائنات ذات العرض/الارتفاع الأقل تملأ صفها بالكامل.
إحدى حالات الاستخدام العملية لخاصية ItemLineAlignment هي تمديد سلسلة من البلاطات ذات الأحجام غير المتناسقة لملء صفها بالكامل (Stretch)، مما يجعل التخطيط أكثر تماسكًا.
مرونة العناصر الفردية
بينما تُعتبر مرونة التخطيط بأكمله أداة قوية، إلا أن بعض التخطيطات تتناسب بشكل أفضل مع مرونة العناصر الفردية. في مثل هذه التخطيطات، تحتفظ بعض العناصر في القائمة بحجمها الأساسي بينما تتكيف عناصر أخرى لملء المساحات المتغيرة. واحدة من الاستخدامات العملية هي تنفيذ شريط شريط التمرير مع تسميات موحدة على كلا الجانبين وشريط تمرير مرن يملأ العرض الكامل بينهما.
لضبط عنصر قائمة محدد كمرن، قم بإدخال UIFlexItem كطفل للعنصر المرن، ثم اضبط خاصية FlexMode إلى Fill، Grow، Shrink، أو Custom.
