التحكم في حاوية الشبكة في Power Apps

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

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

Description

يوفر عنصر تحكم حاوية الشبكة نظام تخطيط مرن لتطبيقات اللوحة. يمكنك من:

• وضع المكونات التابعة في نمط شبكة
• تحديد بداية الصف والعمود ونهاية كل تابع
• إجراء تعديلات سريعة الاستجابة عند تغيير حجم الحاوية أو الشاشة
• التحكم في المحاذاة والتباعد والتجاوز داخل الشبكة

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

Display properties

• الفجوة – التباعد بالبكسل بين المكونات التابعة داخل الشبكة.
• الأعمدة – عدد الأعمدة في تخطيط الشبكة.
• الصفوف – عدد الصفوف في تخطيط الشبكة.

الحجم والموضع

• X – المسافة الأفقية من الحافة اليسرى للحاوية الأصل (أو الشاشة إذا لم يكن هناك أصل).
• Y – المسافة العمودية من الحافة العلوية للحاوية الأصل (أو الشاشة إذا لم يكن هناك أصل).
• العرض - المسافة بين الحافتين اليسرى واليمين لعنصر التحكم.
• الارتفاع – المسافة بين الحافتين العلوية والسفلية لعنصر التحكم.
• ترك مساحة - التباعد بين حواف الحاوية ومكوناتها الفرعية.

اللون والحد

• اللون – اللون الأمامي للحاوية، المستخدم للحدود والنص إذا كان ذلك ممكنا.
• Border
  • Style – نوع الحد: متصل أو متقطع أو منقط أو بلا.
  • السمك – عرض الحد بالبكسل.
  • اللون – لون الحد.
• نصف قطر الحدود - الدرجة التي يتم تقريب زوايا الحاوية إليها. يمكنك تطبيق هذا الإعداد على جميع الزوايا بشكل موحد أو تقسيمه إلى زوايا فردية في إعدادات متقدمة.
• ظل إفلاتي – تطبيق تأثير الظل على الحاوية. الخيارات: بلا أو خفيف أو متوسط أو ثقيل.

Visibility

• مرئي – ما إذا كانت حاوية الشبكة معروضة. التبديل بين تشغيل أو إيقاف تشغيل.

خصائص تخطيط الشبكة (خاصة بالعاطفة)

• عمود البدء / نهاية العمود – يحدد عمودي البداية والنهاية لمكون تابع.
• بدء الصف / نهاية الصف – يحدد صفي البدء والنهاية لمكون تابع.

Example

1. إنشاء تطبيق لوحة فارغة من البداية باستخدام تخطيط مستجيب .

2. إنشاء شاشة جديدة.

3. من جزء Insert ضمن Layout، حدد Grid container.

4. تعيين خصائص الحاوية لاحتلال ملء الشاشة:

   • X = 0
   • Y = 0
   • العرض = الوالد. العرض
   • الارتفاع = الوالد. الارتفاع

5. أضف العديد من المكونات التابعة، مثل الأزرار وإدخالات النص والأيقونات والوسائط. لكل تابع، قم بتعيين خصائص موضع الشبكة:

   • بداية / نهاية العمود
   • بداية الصف / نهايته
   • محاذاة في الخلية

6. اضغط على F5 للمعاينة. قم بتغيير حجم الشاشة ولاحظ كيف تظل المكونات التابعة في مواضع الشبكة الخاصة بها وضبطها استجابة.