نظرة عامة على Flex Layout

تاريخ آخر تحديث 7 أغسطس 2026

استخدم لوحة تخطيط Flex في InDesign لإنشاء العناصر ومحاذاتها وتعيين اتجاهها ولفّها وضبطها والمباعدة بينها في تخطيط Flex.

ما هو تخطيط Flex؟

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

الوصول إلى خيارات Flex Layout

حدد كائنًا/مجموعة/كائنات متعددة في المستند الخاص بك وقم بأحد الإجراءات التالية للوصول إلى خيارات Flex Layout:

  • انتقل إلى الكائن > Flex Layout.
  • انقر بزر الماوس الأيمن على الكائن للوصول إلى تخطيط Flex.
  • انتقل إلى النافذة > لوحة تخطيط Flex.
  • حدد مرة واحدة للعمل مع Flex الأساسي وانقر نقرًا مزدوجًا لتحديد العنصر الفرعي.
  • استخدم أداة Direct Selection لتحديد العناصر الفرعية.

إضافة إلى Flex Layout

يضيف الكائنات المحددة إلى تخطيط Flex.

Convert to Flex Layout

يحول كائنًا (إطار مستطيل، أو شكل مستطيل، أو مجموعة) إلى تخطيط Flex.

Remove Flex Layout

يزيل تخطيط Flex من التحديد. إذا كان تخطيط Flex يحتوي على كائنات متعددة، يتم إنشاء مجموعة. إذا كان يحتوي على كائن واحد، فسيبقى الكائن كما هو.

إظهار عناصر التحكم في Flex

يفتح لوحة تخطيط Flex (بديل للوحة الخصائص).

Flex Layout يقدم مفهوم حاوية شبيه بـ CSS Flexbox في InDesign.يوفر تحكمًا قويًا في التخطيط للكائنات الفرعية.مع Flex Layout، تصبح التصميمات منظمة وأكثر تكيفًا وتتطلب تعديلاً يدويًا أقل.

حاوية تخطيط flex

يمكنك تكوين خصائص Flex Layout مباشرة في Object Styles.يمكنك إنشاء Object Style يحمل اسم Vertical Container يتضمن إعدادات Flex Layout، ثم تطبيقه على أي حاوية Flex Layout في تخطيطك.

مثال:

استخدم لوحة Object Styles لتطبيق Flex Layout وتعيين خصائص مثل الاتجاه والمحاذاة والتباعد.بمجرد الحفظ، قم بتطبيق هذا النمط على الحاويات الأخرى للحصول على سلوك تخطيط متناسق.

عنصر تخطيط Flex الفرعي

يمكن لقسم Flex Layout نفسه في Object Styles أيضًا تحديد خصائص عناصر Flex Layout الفرعية وعناصرها الفرعية المتداخلة، مما يتيح لك توحيد السلوك، مثل الأبعاد الثابتة أو المرنة، عبر تخطيطك.

  • الإنشاء المباشر للعناصر التفاعلية: تحويل العناصر الفرعية داخل Flex Layout إلى عناصر تفاعلية دون إنشائها منفصلة وإضافتها إلى Flex Layout.
  • قفل العناصر الفرعية: قفل عنصر فرعي واحد أو أكثر داخل Flex Layout لمنع سحبها أو تغيير حجمها أو نقلها خارج الإطار مباشرة، مع السماح بتغيير المواضع باستخدام مفاتيح الأسهم في لوحة المفاتيح.
  • التنقل بلوحة المفاتيح للعناصر الفرعية: إعادة وضع العناصر المقفلة أو غير المقفلة باستخدام مفتاحي السهم الأيسر أو الأيمن في التخطيطات الأفقية أو مفتاحي السهم العلوي أو السفلي في التخطيطات العمودية.
تلميح

يمكنك استخدام Object Styles لتحديد خصائص Flex داخل إطارات Flex المقفلة.

لوحة Flex Layout

للوصول إلى اللوحة، انتقل إلى نافذة > تحطيط Flex. تفتح لوحة تخطيط Flex. يمكنك الآن إنشاء أو إضافة تخطيط Flex أو تخصيص واحد موجود وفقًا لمتطلباتك. في حال عدم وجود تحديد، يمكنك استخدام اللوحة لتغيير الإعدادات الافتراضية (ينطبق ذلك إذا كان الاكتشاف التلقائي متوقفًا). انتقل إلى التفضيلات > الإعدادات العامة > الكشف التلقائي عن إعدادات تخطيط Flex وتطبيقها للتحقق من إعداد الكشف التلقائي.

لوحة تخطيط Flex تعرض خيارات متنوعة لإنشاء تخطيط مرن

A. عرض حاوية flex B. ارتفاع حاوية flex C. الالتفاف D. اتجاه الكائنات في تخطيط Flex E. التباعد العمودي F. المسافة الأفقية G. الهامش الداخلي  H. Justification I. محاذاة الكائنات في تخطيط Flex 

العرض والارتفاع

يمكن التحكم في حجم حاويات Flex Layout والعناصر الفرعية الخاصة بها بشكل مستقل.بالنسبة لحاوية Flex Layout، يمكن أن يكون العرض والارتفاع:

  • ثابت: يظل حجم الحاوية ثابتًا، بغض النظر عن محتواها.
  • تلقائي: يزداد حجم الحاوية أو يتقلص بناءً على حجم العناصر الفرعية.

بالنسبة لعنصر تابع لـ Flex Layout (بما في ذلك Flex Layout المتداخل):

  • ثابت: يظل حجم العنصر الفرعي ثابتًا، بغض النظر عن محتواه.
  • تلقائي: يتكيف حجم العنصر الفرعي ليناسب محتواه أو عناصره الفرعية.
  • ملء المساحة: يتوسع العنصر الفرعي ليشغل المساحة المتبقية المتاحة في ذلك البُعد، مشاركاً المساحة مع العناصر الشقيقة ملء المساحة حسب الحاجة.

الالتفاف

يُفعّل أو يُعطّل التفاف الكائن في الحاوية.

Direction

اختر كيفية تدفق العناصر داخل الحاوية (صف، صف عكسي، عمود، عمود عكسي).

Spacing

التحكم في الحشو والمسافات.

  • Padding: تحديد التباعد داخل الحاوية من جميع الجهات (أعلى، أسفل، يسار، يمين).
  • التباعد الأفقي : تعيين تباعد متسق بين العناصر أفقيًا.
  • التباعد العمودي : تعيين تباعد متسق بين العناصر عموديًا.

Justification

التحكم في توزيع العناصر على طول المحور الرئيسي.

يحاذي الصف إلى بداية Flex Layout ويحاذي العناصر إلى بداية الصف.

يحاذي الصف إلى وسط Flex Layout ويحاذي العناصر إلى وسط الصف.

يحاذي الصف إلى نهاية Flex Layout ويحاذي العناصر إلى نهاية الصف.

محاذاة العناصر في صفوف بحيث -

  • مسافات متساوية على جانبي كل عنصر.
  • العناصر الطرفية لها جانب واحد مكشوف فقط؛ المسافة عند الحواف هي نصف المسافة بين العناصر.

محاذاة العناصر في صفوف بحيث -

  • يكون العنصر الأول متصلاً بحافة البداية، والعنصر الأخير متصلاً بحافة النهاية.
  • تتباعد العناصر المتبقية بالتساوي فيما بينها فقط.
  • توزيع العناصر بالتساوي على طول المحور الرئيسي، مع وضع العنصر الأول في البداية والعنصر الأخير في النهاية.
  • لا توجد فجوة عند الحواف الخارجية.

محاذاة العناصر في صفوف بحيث -

  • مسافة متساوية في كل مكان: بين العناصر وعند الحواف.
  • كل شيء متساوٍ حقاً.

المحاذاة

محاذاة العناصر عبر المحور العرضي: أعلى، وسط، أسفل، أو يسار، وسط، يمين.

أعلى يسار: محاذاة الصفوف إلى أعلى يسار حاوية Flex Layout ومحاذاة العناصر في الصف إلى أعلى يسار الصف.

وسط يسار: محاذاة الصفوف إلى وسط يسار حاوية Flex Layout ومحاذاة العناصر في الصف إلى وسط يسار الصف.

أسفل يسار: محاذاة الصفوف إلى أسفل يسار حاوية Flex Layout ومحاذاة العناصر في الصف إلى أسفل يسار الصف.

أعلى وسط: محاذاة الصفوف إلى أعلى وسط حاوي Flex Layout ومحاذاة العناصر في الصف إلى أعلى وسط الصف.

وسط: محاذاة الصفوف إلى وسط حاوي Flex Layout ومحاذاة العناصر في الصف إلى وسط الصف.

أسفل وسط: محاذاة الصفوف إلى أسفل وسط حاوي Flex Layout ومحاذاة العناصر في الصف إلى أسفل وسط الصف.

أعلى يمين: محاذاة الصفوف إلى أعلى يمين حاوي Flex Layout ومحاذاة العناصر في الصف إلى أعلى يمين الصف.

وسط يمين: محاذاة الصفوف إلى وسط يمين حاوي Flex Layout ومحاذاة العناصر في الصف إلى وسط يمين الصف.

أسفل يمين: محاذاة الصفوف إلى أسفل يمين حاوي Flex Layout ومحاذاة العناصر في الصف إلى أسفل يمين الصف.

مؤشرات التحديد في تخطيطات Flex

يستخدم InDesign إشارات بصرية لمساعدتك على فهم حالات التحديد في تخطيطات Flex:

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

تساعد هذه المؤشرات في توضيح التسلسل الهرمي وتركيز التحديد عند العمل مع التخطيطات المتداخلة.

عناصر التحكم في الحشو والتباعد على لوحة الرسم

توفر تخطيطات Flex عناصر تحكم تفاعلية على لوحة الرسم لضبط الحشو والتباعد:

  • الحشو المرتبط: اضبط قيم الحشو الأربع معًا.
  • الحشو غير المرتبط: اضبط كل جانب بشكل مستقل.
  • التباعد الأفقي والعمودي: عدّل التباعد مباشرة بين العناصر، بما في ذلك الصفوف أو الأعمدة الملتفة.

تعكس المؤشرات البصرية على لوحة الرسم القيم الحالية وتتحدث في الوقت الفعلي في لوحة Flex Layout.

تحويل وإمالة إطارات تخطيط Flex

يمكنك الآن تدوير أو عكس أو تغيير حجم أو إمالة تخطيط Flex دون مقاطعة سلوكه. تنطبق التحويلات على كل من الإطارات الأساسية والمتداخلة، وتبقى لوحة تخطيط Flex نشطة أثناء تحويل الكائنات. يتيح لك هذا ضبط المحاذاة والتباعد والالتفاف والاتجاه أثناء تحويل التخطيطات، دون كسر بنية Flex.