لإبقاء حاوية draw.io ومحتوياتها متماسكة أثناء التخطيط التلقائي على مستوى الصفحة، استخدم حاوية تخطيط تلقائي. يتعامل draw.io معها كشكل واحد ويُبقي ترتيبها الداخلي كما هو. التحديد مهم: فتحديد حاويات التخطيط وحدها يغيّر تخطيطاتها الداخلية بدلًا من ذلك. الأشكال المتقدمة للتخطيط وحاويات التخطيط، تطبيق التخطيطات لإعادة ترتيب مخطط

يشرح هذا الدليل كيفية ترتيب عدة مخططات صغيرة محصورة على Mac مع إبقاء كل مخطط متماسكًا. تستخدم الأمثلة تسميات محايدة مثل Container A وA1 وA2. تعرض صفحة إصدار سطح المكتب الرسمية الحالية الإصدار 32.6.1 مع حزمة macOS؛ استخدم إصدارًا حديثًا لسطح المكتب عند اتباع قوائم التوثيق الحالي. الإصدار 32.6.1

أي نوع من الحاويات يحافظ على التخطيط الداخلي؟

حدّد أولًا ما المقصود بعبارة «متماسك» في مخططك. فإبقاء العناصر الفرعية داخل عنصر أب، والحفاظ على مواضعها النسبية، وترتيب تلك العناصر تلقائيًا، متطلبات مختلفة.

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

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

توفر حاويات التخطيط التلقائي الحد المطلوب هنا وفقًا للتوثيق: أثناء تخطيط المخطط بأكمله، لا يُعاد ترتيب الأشكال والموصلات الداخلية، وتُعامل كل حاوية كشكل واحد. الأشكال المتقدمة للتخطيط وحاويات التخطيط

النتيجة التي تريدها نقطة بداية مناسبة الشرط المهم
إبقاء العُقد داخل عنصر أب مع السماح بإعادة ترتيبها داخليًا حاوية عادية أنشئ علاقة الاحتواء الفعلية قبل تطبيق التخطيط.
إعادة ترتيب الصفحة مع الحفاظ على التخطيط الداخلي لكل حاوية حاوية تخطيط تلقائي شغّل تخطيطًا للمخطط بأكمله.
ترتيب العُقد باستمرار داخل حد مرئي شكل تخطيط تلقائي من مكتبة Advanced يستجيب تخطيطه الخاص للتعديلات الداخلية.
تحريك ترتيب يدوي محدد كما هو اجمع الأشكال والموصلات توثّق ميزة التجميع تحريك العناصر معًا؛ لكن التجميع وحده لا يضمن أن كل تخطيط تلقائي سيحافظ على المواضع الداخلية.

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

إنشاء حاوية صغيرة تظل متماسكة

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

إنشاء المخطط الداخلي

  1. افتح مخططك في draw.io Desktop على جهاز Mac.
  2. ابحث عن مكتبة الأشكال Advanced في اللوحة اليسرى. إذا لم تظهر، فانقر على More Shapes، وحدد مكتبة الأشكال General، ثم انقر على Apply.
  3. اسحب شكل تخطيط انسيابي أفقي أو عمودي إلى لوحة الرسم.
  4. استخدم الأشكال الأولية لإنشاء سلسلة قصيرة متصلة، بتسميات A1 وA2 وA3.
  5. لإطالة السلسلة، مرّر المؤشر فوق عقدة وانقر على سهم اتجاهي لاستنساخ عقدة أخرى وتوصيلها. انقر نقرًا مزدوجًا على تسميتها لتغييرها.

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

أنشئ شكل تخطيط انسيابي تلقائيًا ثانيًا بعُقد B1 وB2 وB3. هذه تسميات توضيحية وليست قاعدة تسمية مطلوبة. ويسهّل وجود حاويتين التمييز بين تحريك الحاوية بأكملها وإعادة ترتيب عناصرها الفرعية.

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

اختيار حد مرئي أو شفاف

تحتوي أشكال التخطيط Advanced على مسار سباحة محيط يدعم التوصيلات من حدوده وإليها. أما الحاويات التي تُنشأ عبر Arrange > Insert > Layout فلها حد شفاف؛ لذا يجب توصيل الموصلات بأشكالها الداخلية. اختر بناءً على ما إذا كان المخطط الخارجي سيتصل بالحاوية نفسها أم بعقدة معينة. الأشكال المتقدمة للتخطيط وحاويات التخطيط

للخيار الشفاف، اختر Arrange > Insert > Layout وحدد تخطيطًا. أنشئ المخطط الداخلي بإفلات الأشكال على الأسهم الاتجاهية لإحدى العقد. ينقل مقبض السهمين المتقاطعين في أعلى اليسار حاوية التخطيط. إدراج تخطيط تلقائي

تطبيق التخطيط الخارجي دون تغيير التخطيطات الداخلية

قبل تشغيل التخطيط الخارجي، أكمل الترتيب الداخلي لكل حاوية وأضف التوصيلات التي توضّح العلاقة بين أقسام المخطط. على سبيل المثال، صِل الحد المرئي لـContainer A بالحد المرئي لـContainer B إذا كانت العلاقة تخص القسمين ككل.

ثم اتبع الخطوات التالية:

  1. انقر على جزء فارغ من لوحة الرسم لإلغاء التحديد.
  2. افتح Arrange > Layout.
  3. اختر إعدادًا مسبقًا مناسبًا، مثل Horizontal Flow لعلاقة تتجه من اليسار إلى اليمين.
  4. راجع خيارات التباعد، ثم انقر على Apply.
  5. افحص مواضع الحاويات والعُقد داخلها.

يرتب التدفق الأفقي الأشكال في اتجاه من اليسار إلى اليمين تحدده الموصلات. يتحكم الخيار Node Spacing في التباعد داخل الصف أو العمود، بينما يتحكم Rank Spacing في التباعد بين الصفوف أو الأعمدة المتعاقبة. زِد التباعد المناسب إذا احتاجت التسميات أو التوصيلات إلى مساحة أكبر. التخطيطات الانسيابية

إلغاء التحديد أمر مهم. فإذا حُددت حاويات التخطيط وحدها، يستبدل الأمر Arrange > Layout تخطيطاتها الداخلية النشطة بدلًا من إعادة ترتيب الصفحة. لتعديل خيارات حاوية موجودة عن قصد، حددها واختر Arrange > Layout > Edit Layout. تطبيق التخطيطات لإعادة ترتيب مخطط

استخدم المثال الاصطناعي للتحقق من النتيجة: ينبغي أن تحتفظ A1 وA2 وA3 بترتيبها الداخلي بعد التخطيط الخارجي، وكذلك عُقد B الثلاث. قد تتحرك الحاويات الأب. يستند هذا التحقق إلى التعامل الموثق مع حاويات التخطيط كشكل واحد؛ وهو ليس تقريرًا عن اختبار لسطح المكتب أُجري هنا. الأشكال المتقدمة للتخطيط وحاويات التخطيط

تشخيص التغييرات قبل تعديل مزيد من الإعدادات

أُعيد ترتيب العناصر الفرعية داخل الحاوية

تحقق أولًا من نوع الحاوية ومن التحديد. تسمح الحاوية العادية بتطبيق تخطيط على محتوياتها. ويمكن استبدال التخطيط النشط لحاوية تخطيط تلقائي محددة عند استخدام أمر التخطيط. حدّد العملية التي حدثت قبل تغيير التباعد أو إعادة إنشاء المخطط. تطبيق التخطيطات لتنظيم المخططات بسرعة، تطبيق التخطيطات لإعادة ترتيب مخطط

يكبر حجم الحاوية أو يصغر

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

يؤدي تغيير حجم الحد إلى تمدد العناصر الفرعية

لتغيير حجم مجموعة يدويًا، حدد المجموعة وعطّل Resize Children ضمن Style > Properties. ومكافئ النمط الموثق هو recursiveResize=0، ويُطبّق على المجموعة. يتحكم هذا في تغيير الحجم النسبي؛ ولا يصفه التوثيق بأنه مفتاح للحفاظ على المواضع أثناء التخطيط التلقائي. تعطيل تغيير حجم العناصر الفرعية لتغيير حجم الأشكال المجمّعة كل على حدة

تحتاج إلى ترتيب يدوي دقيق

إذا كان يجب الحفاظ بدقة على هندسة قسم وضعته يدويًا، فحدد أشكاله وموصلاته الداخلية، ثم استخدم Arrange > Group أو Cmd+G. يؤدي سحب المجموعة الناتجة إلى تحريك عناصرها معًا. هذه طريقة مدعومة للتحريك اليدوي؛ لكن توثيق التجميع لا يضمن تجميدًا عامًا للتخطيط التلقائي للمجموعات كيفما كانت. تجميع الأشكال والموصلات وإلغاء تجميعها

ينتج التخطيط نتيجة غير مناسبة

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

لهذه المهمة، اتخذ قرارين صريحين: أي تخطيط يتحكم في العُقد داخل كل حاوية، وأي تخطيط يرتب الصفحة. توفر حاويات التخطيط التلقائي فصلًا موثقًا بين العمليتين. أنشئ الأقسام الداخلية أولًا، وألغِ التحديد، وطبّق التخطيط الخارجي، وافحص النتيجة قبل المتابعة.

المصادر