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

هذا الدليل مخصص لمن يعدّل مخططًا في تطبيق draw.io Desktop على Mac ويريد التبديل بين نظرة عامة واضحة والتفاصيل داخل قسم واحد. تؤكد الوثائق الرسمية لـ draw.io أن تطبيق سطح المكتب المستقل يدعم macOS. تشغيل draw.io دون اتصال

حدّد المقصود بالقسم المطوي

ابدأ بمثال صغير افتراضي: شكل خارجي بعنوان Input A، وقسم بعنوان Section B، وشكل خارجي بعنوان Output C. ضع داخل Section B ثلاثة أشكال تفصيلية بعناوين B1 وB2 وB3، وصِل بينها بالتتابع.

النظرة العامة المقصودة بسيطة: يتصل Input A بـSection B، ويتصل Section B بـOutput C. يكشف توسيع القسم كيفية ترابط خطواته الداخلية الثلاث. ويظل القسم جزءًا ذا معنى في النظرة العامة حتى عندما تكون تفاصيله مخفية.

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

اختر الهيكل وفقًا لما يحتاج القراء إلى فهمه:

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

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

إنشاء قسم قابل للطي على Mac

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

أنشئ الحاوية قبل إضافة التفاصيل

أضف مستطيلًا واجعله كبيرًا بما يكفي لاحتواء الأشكال الداخلية الثلاثة. حدّد المستطيل وحده واضغط Cmd+G. يوثّق دليل الحاويات الرسمي هذا الاختصار على Mac لتحويل شكل إلى حاوية. فعّل Extras > Collapse/Expand؛ وتشير علامة صح إلى أن الميزة مفعّلة. في سمة Minimal، المسار الموثق هو النقر بزر الماوس الأيمن، ثم اختيار Options > Collapse/Expand. إعداد الحاوية وأدوات الطي

سمِّ الحاوية Section B. اجعل الاسم قصيرًا بما يكفي لتمييز القسم عند عرض النظرة العامة. واترك مساحة قرب العنوان لعنصر التحكم بالطي، بدل وضع شكل تفصيلي فوقه مباشرةً.

أضف B1 وB2 وB3 داخل الحاوية، ثم صِل بينها بالتتابع. أبقِ Input A وOutput C خارجها. هذه الأسماء وهذا الترتيب توضيحيان؛ والغرض منهما تسهيل التمييز بين القسم الحاوي ومحتوياته.

إذا كانت لديك مجموعة موجودة من الأشكال والموصلات الداخلية، يدعم draw.io أيضًا تحديدها معًا واختيار Arrange > Group، أو الضغط على Cmd+G. أدرج الموصلات الداخلية ضمن التحديد، وأبقِ الأشكال الخارجية خارجه. تجميع الأشكال والموصلات وإلغاء تجميعها

تأكد من إمكانية طي القسم

انقر عنصر التحكم بالطي في القسم لطيه، ثم انقره مرة أخرى لتوسيعه. تصف وثائق المجموعات الحالية عنصر تحكم −/+ للخلايا القابلة للطي، وتحدّد collapsible=1 كإعداد النمط الذي يتيح طي الخلية. إذا لم يظهر عنصر التحكم في مجموعة عادية بعد تفعيل الخيار العام، فتحقّق من إعدادات الخلية المحددة بدلًا من إعادة تجميع المخطط مرارًا. تتوفر إعدادات النمط الموثقة عبر Edit Style… أو قسم Properties في علامة التبويب Arrange. طي المجموعات وتوسيعها

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

أرفق اتصالات النظرة العامة بالقسم نفسه

في المثال، ارسم موصلًا من Input A إلى حدود Section B، وموصلًا آخر من Section B إلى Output C. يوضّح هذان الاتصالان موقع القسم ضمن المخطط العام. أما تسلسل B1–B2–B3 الداخلي فيوضّح تفاصيله.

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

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

أضف تسميات مثل Input to B وOutput from B إذا لم توضّح الأسهم معناها وحدها. انقر نقرًا مزدوجًا على الموصل في الموضع الذي تريد ظهور تسميته فيه. ولتغيير موضع التسمية، حدّدها واسحب مقبضها المعيّن. إضافة تسميات إلى الموصلات

إذا كانت العلاقة تخص B2 فعلًا، فأبقِ هذا الاتصال التفصيلي. لا تستبدله باتصال بالحاوية إلا إذا كان الوصف الأعم صحيحًا أيضًا. يمكن أن تكون تسمية مفيدة مثل Input to B2، مع اسم قسم يظل مفهومًا في النظرة العامة. تسمح الوثائق الرسمية بالاتصالات عبر حدود الحاويات، لكن هذا وحده لا يضمن وضوح تمثيل كل نقطة نهاية تفصيلية بعد الطي. افحص المخطط المحدد في حالتيه. الاتصالات عبر حدود الحاويات

تجنّب مشكلة حاوية التخطيط الشفافة

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

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

افحص العرضين قبل تعديل مسارات الموصلات

اتبع التسلسل التالي بعد بناء المثال. فهو يتحقق مما إذا كانت النظرة العامة توضح العلاقات المقصودة قبل أن تقضي وقتًا في تنقيح الانحناءات والمسافات.

  1. وسّع Section B وتحقق من التسلسل الداخلي.
  2. تأكد من أن موصلي النظرة العامة متصلان بالقسم، بدلًا من أن ينتهيا قرب حدوده فحسب.
  3. اطوِ القسم واقرأ المخطط باستخدام الأسماء والتسميات الظاهرة فقط.
  4. تحقّق مما إذا كان كل سهم ظاهر لا يزال يعبّر عن معلومة صحيحة.
  5. وسّع القسم مرة أخرى وافحص الموصلات والتسميات الداخلية.
  6. كرر ذلك مع كل قسم مجاور مطويًا على حدة، ثم مع طيها معًا.

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

إذا اتخذ أحد الموصلات مسارًا التفافيًا غير مناسب، فحدّده وعدّل مساره. يمكنك سحب نقاطه الزرقاء، أو النقر بزر الماوس الأيمن على الموصل واختيار Add Waypoint. تؤدي تغييرات نقاط المسار اليدوية إلى تعطيل نمط المسار المتعامد التلقائي لهذا الموصل، لذا أضف الانحناءات فقط عندما تحسّن العرضين. لإزالة مسار لم تعد بحاجة إليه، انقر بزر الماوس الأيمن واختر Clear Waypoints، ثم افحص المسار الناتج. استخدام نقاط المسار على الموصلات لتغيير مساراتها

بعد إعادة توجيه المسار، افحص التسميات كلًا على حدة. قد تحتاج التسمية التي وضعت موضعها يدويًا إلى تعديل آخر. لإعادتها إلى موصلها، حدّد الموصل أو التسمية، ثم اختر Reset في علامة التبويب Arrange وحدّد Label Positions. إعادة ضبط مواضع تسميات الموصلات

عالج بنية المخطط قبل تنقيحها

العَرَض ما ينبغي التحقق منه الخطوة التالية المدعومة
لا يظهر عنصر التحكم بالطي خيار الطي العام وإمكانية طي الخلية المحددة فعّل Extras > Collapse/Expand؛ وافحص collapsible=1 عند الحاجة.
يظل أحد التفاصيل ظاهرًا بعد الطي ما إذا كان ينتمي إلى القسم تحقّق من عضويته في الحاوية أو المجموعة بدلًا من موضعه الظاهر.
لا يقبل حد القسم موصلًا ما إذا كان حاوية تخطيط شفافة مُدرجة استخدم حاوية قابلة للاتصال أو مسار سباحة للعلاقات المتصلة بالحدود.
يكون السهم المطوي ملتبسًا ما إذا كان معناه يعتمد على نقطة نهاية داخلية سمِّ العلاقة أو أنشئ اتصالًا صريحًا على مستوى القسم.
يحتفظ خط بانحناء غير ضروري نقاط المسار الحالية عدّل نقاط المسار أو امسحها، ثم أعد فحص التسميات.

تجمع هذه الفحوص بين عناصر التحكم بالحاوية وإعدادات المجموعة وحدود حاويات التخطيط وأدوات نقاط المسار. ويظل اختيار العلاقة التي ينبغي إظهارها قرارًا تحريريًا متعلقًا بالمخطط.

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

المصادر