لإعادة توجيه موصلات draw.io بعد نقل الأشكال، استخدم Auto-route around shapes لتجنّب العوائق تلقائيًا. أما خطوط الموصلات الأخرى، فاستخدم نقاطًا وسيطة يدويًا لإنشاء مسارات منفصلة، أو قفزات الخطوط لتوضيح مواضع التقاطع.

اختر نتيجة التوجيه التي تحتاجها

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

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

استخدم هذا المثال الافتراضي في الدليل: ضع Node A على اليسار وNode B على اليمين، مع موصل بينهما. ضع Node C بينهما ليكون عائقًا. أضف موصلًا ثانيًا بين Node D في الأعلى وNode E في الأسفل. المشكلة الأولى هي تجنّب Node C؛ أما الثانية فهي تحديد طريقة مرور الموصلين أحدهما عبر الآخر.

جهّز محرر سطح المكتب على Mac

افتح المخطط وحدد الموصل المتأثر. إذا كانت لوحة التنسيق مخفية، فاختر View > Format أو اضغط Cmd+Shift+P. توجد عناصر التحكم بالتوجيه في علامة التبويب Style. توثّق تنسيق المخطط عناصر التحكم هذه في اللوحة واختصار Mac.

إذا لم يظهر خيار التوجيه التلقائي، فتحقق من وجود تحديث للتطبيق عبر Help > Check for Updates واتبع التعليمات. هذه هي طريقة تحديث draw.io Desktop الموثّقة. ظهر تجنّب الأشكال تلقائيًا في إعلان تحديث الموصلات بتاريخ 13 أكتوبر 2026 في draw.io، لذا قد تصف التعليمات الأقدم سير عمل مختلفًا.

اجعل الموصلات تتجنب الأشكال تلقائيًا

  1. حدد الموصل بين Node A وNode B.
  2. افتح علامة التبويب Style في لوحة التنسيق.
  3. افتح القائمة المنسدلة Waypoints.
  4. اختر Auto-route around shapes.

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

في المثال، حرّك Node C عبر المساحة بين Node A وNode B. افحص المسار أثناء السحب وبعد إفلات الشكل. يمنحك ذلك اختبارًا محددًا: هل يتجنب الموصل العائق مع بقائه متصلًا بالعقدتين المقصودتين؟ افعل ذلك قبل تعديل الموصل الثاني، لكي يكون لكل تعديل غرض واضح.

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

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

أعد التوجيه مرة واحدة مع إبقاء الأشكال في أماكنها

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

  1. حدد الموصلات التي تريد إصلاحها. إذا لم يكن هناك شيء محدد، فستُوجَّه كل الموصلات.
  2. اختر Arrange > Layout > Orthogonal Routing.
  3. أدخل قيمة Spacing المطلوبة بين الموصلات والأشكال.
  4. انقر على OK.

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

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

وجّه الموصل حول موصل آخر باستخدام نقاط وسيطة يدويًا

عندما يحتاج الموصل الأول إلى سلوك ممر محدد حول الثاني، تحكّم في مساره:

  1. حدد الموصل الذي تريد تعديله.
  2. اسحب مقبضًا أزرق أو جزءًا من الموصل نحو الممر المقصود.
  3. أو انقر بزر الماوس الأيمن بين النقاط الوسيطة الموجودة واختر Add Waypoint.
  4. لتحديد الموضع بدقة، افتح Arrange، ووسّع Waypoints، ثم عدّل إحداثيي Left وTop لكل نقطة وسيطة.

تؤدي إضافة نقاط وسيطة يدويًا إلى إيقاف التوجيه التلقائي. توثّق العمل مع النقاط الوسيطة على الموصلات لتغيير مسارها عناصر التحكم هذه.

بالنسبة إلى Node A وNode B، تخيّل ممرًا فارغًا أسفل Node C. وجّه الموصل إلى أسفل نحو ذلك الممر، ثم عبره، وبعدها إلى أعلى باتجاه Node B. تتبّع المسار كاملًا بعد ذلك. فقد يؤدي إبعاد مقطع عن الموصل العمودي إلى إنشاء تقاطع جديد في مكان آخر؛ لذا ينبغي فحص المسار كله عند إضافة التفاف محلي.

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

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

وضّح التقاطعات التي لا يمكن تجنبها بقفزات الخطوط

إذا كان من المقبول تقاطع الموصلين الأفقي والرأسي، فحدد أحدهما واستخدم Line jumps في علامة التبويب Style. تشمل خيارات العرض arc وgap وsharp، إلى جانب العرض الافتراضي overlapped. توثّق تنسيق الموصلات هذه الخيارات.

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

أبقِ المسار المعدّل مفيدًا بعد التعديل التالي

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

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

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

المصادر