Um draw.io-Verbindungen nach dem Verschieben von Formen neu zu routen, verwenden Sie Auto-route around shapes, um Hindernissen automatisch auszuweichen. Verwenden Sie für andere Verbindungslinien manuelle Wegpunkte, um separate Pfade zu erstellen, oder Liniensprünge, um Kreuzungen kenntlich zu machen.

Das gewünschte Routing-Ergebnis auswählen

Diese Anleitung richtet sich an Personen, die ein vorhandenes Diagramm in draw.io Desktop auf einem Mac bearbeiten. Ziel ist es, nach dem Umordnen von Formen wieder gut lesbare Verbindungen herzustellen und dabei jeden Verbinder an seinen vorgesehenen Knoten zu halten.

Ermitteln Sie zunächst das Hindernis. Ein Verbinder, der durch ein Rechteck verläuft, muss anders behandelt werden als zwei Verbinder, die sich im freien Bereich kreuzen. Die offizielle Dokumentation beschreibt das automatische Routing um Formen; sie verspricht nicht, jede Kreuzung oder jeden gemeinsamen Abschnitt von Verbindern automatisch zu beseitigen. Für einen bestimmten Pfad um eine andere Linie herum verwenden Sie manuelle Wegpunkte. Wenn eine Kreuzung akzeptabel ist, verwenden Sie Liniensprünge. Siehe die Dokumentation zum automatischen Routing und die Referenz zur Formatierung von Verbindern von draw.io.

Verwenden Sie durchgehend dieses synthetische Beispiel: Platzieren Sie Node A links und Node B rechts und verbinden Sie beide mit einem Verbinder. Setzen Sie Node C als Hindernis zwischen diese Knoten. Fügen Sie einen zweiten Verbinder zwischen Node D oben und Node E unten hinzu. Das erste Problem besteht darin, Node C auszuweichen; beim zweiten geht es darum, wie die beiden Verbinder aneinander vorbeiführen sollen.

Den Mac-Desktop-Editor vorbereiten

Öffnen Sie Ihr Diagramm und wählen Sie den betroffenen Verbinder aus. Wenn das Formatfenster ausgeblendet ist, wählen Sie View > Format oder drücken Sie Cmd+Shift+P. Die Routing-Steuerelemente befinden sich im Tab Style. Diese Fenster-Steuerelemente und das Mac-Tastenkürzel sind unter Diagramm formatieren dokumentiert.

Falls die Option für das automatische Routing fehlt, suchen Sie über Help > Check for Updates nach einem Anwendungsupdate und folgen Sie den Anweisungen. Dies ist das dokumentierte Updateverfahren für draw.io Desktop. Das automatische Ausweichen vor Formen wird in draw.ios Ankündigung zum Verbinder-Update vom 13. Oktober 2026 vorgestellt; ältere Anleitungen beschreiben daher möglicherweise einen anderen Ablauf.

Verbinder Formen automatisch ausweichen lassen

  1. Wählen Sie den Verbinder zwischen Node A und Node B aus.
  2. Öffnen Sie im Formatfenster den Tab Style.
  3. Öffnen Sie das Dropdown-Menü Waypoints.
  4. Wählen Sie Auto-route around shapes.

Der resultierende Pfad besteht aus rechtwinkligen Biegungen. Die offizielle Anleitung zum Verbinder-Update dokumentiert diese Schritte und erklärt, dass Routen aktualisiert werden, wenn verbundene Formen verschoben, in der Größe verändert, gedreht, ausgerichtet oder verteilt werden sowie wenn eine Form auf den Pfad verschoben oder von ihm wegbewegt wird.

Verschieben Sie im Beispiel Node C quer durch den Bereich zwischen Node A und Node B. Prüfen Sie den Pfad während des Ziehens und nachdem Sie die Form losgelassen haben. So können Sie gezielt kontrollieren, ob der Verbinder dem Hindernis ausweicht und trotzdem die beiden vorgesehenen Knoten erreicht. Nehmen Sie diese Prüfung vor, bevor Sie den zweiten Verbinder anpassen, damit jede Änderung einem klaren Zweck dient.

Ziehen Sie den Verbinder nicht selbst, wenn Sie das automatische Verhalten beibehalten möchten. Eine manuelle Änderung seines Pfads deaktiviert das automatische Routing für diesen Verbinder. Auch dieses Verhalten wird in derselben Ankündigung dokumentiert. Wenn Sie später wieder automatisch Formen ausweichen möchten, wählen Sie die Option für automatisches Routing erneut aus.

Es gibt eine dokumentierte Ausnahme: Auf Verbinder innerhalb von Containern, die ihren Inhalt automatisch anordnen, etwa Listen- oder Layoutformen, hat das automatische Routing keinen Einfluss. Prüfen Sie diesen Umstand, bevor Sie wiederholt Einstellungen an einem Verbinder ändern, der scheinbar nicht reagiert. Siehe Verbinder automatisch um Formen herumführen.

Einmal neu routen, ohne die Formen zu verschieben

Wenn die Positionen der Knoten in einem Diagramm feststehen, ist ein einmaliger Routing-Durchlauf möglicherweise sinnvoller als fortlaufende Aktualisierungen.

  1. Wählen Sie die zu korrigierenden Verbinder aus. Wenn nichts ausgewählt ist, werden alle Verbinder geroutet.
  2. Wählen Sie Arrange > Layout > Orthogonal Routing.
  3. Geben Sie den gewünschten Spacing zwischen Verbindern und Formen ein.
  4. Klicken Sie auf OK.

Dieser Vorgang lässt die Formen an Ort und Stelle und erstellt orthogonale Verbinder mit Wegpunkten. Anschließend werden diese Verbinder nicht automatisch neu geroutet. Vorgehensweise und Umfang sind unter Das Layout „Orthogonal Routing“ einmalig zum erneuten Routen anwenden dokumentiert.

Betrachten Sie den Abstandswert als eine Layoutentscheidung. Prüfen Sie im synthetischen Beispiel den Abstand zu Node C und anschließend den benachbarten Verbinder und die Beschriftungen. Ein größerer Abstand kann lokal für mehr Klarheit sorgen, zugleich aber die gesamte Route verlängern. Entscheiden Sie anhand des resultierenden Diagramms, statt davon auszugehen, dass ein einzelner Abstand für jede Anordnung passt.

Mit manuellen Wegpunkten um einen anderen Verbinder herumführen

Wenn der erste Verbinder auf einem bestimmten Korridor um den zweiten herumgeführt werden muss, legen Sie seinen Pfad selbst fest:

  1. Wählen Sie den anzupassenden Verbinder aus.
  2. Ziehen Sie einen blauen Ziehpunkt oder einen Abschnitt des Verbinders in Richtung des gewünschten Korridors.
  3. Alternativ können Sie mit der rechten Maustaste zwischen vorhandenen Wegpunkten klicken und Add Waypoint auswählen.
  4. Für eine präzise Platzierung öffnen Sie Arrange, klappen Sie Waypoints auf und bearbeiten Sie die Koordinaten Left und Top jedes Wegpunkts.

Durch das Hinzufügen manueller Wegpunkte wird das automatische Routing deaktiviert. Diese Steuerelemente sind unter Wegpunkte an Verbindern bearbeiten, um ihren Pfad zu ändern dokumentiert.

Stellen Sie sich für Node A und Node B einen freien Korridor unterhalb von Node C vor. Führen Sie den Verbinder in diesen Korridor hinunter, darin entlang und anschließend zurück in Richtung Node B. Verfolgen Sie danach den gesamten Pfad. Wenn Sie ein Segment vom vertikalen Verbinder wegbewegen, kann dadurch an anderer Stelle eine neue Kreuzung entstehen. Eine lokale Umleitung erfordert deshalb eine Prüfung der gesamten Route.

Wenn die Positionen der Knoten keinen geeigneten Korridor freilassen, sollten Sie einen Knoten verschieben, um einen zu schaffen. Mit Wegpunkten lässt sich eine Route vorgeben, doch das Diagramm braucht weiterhin genügend freien Platz, damit sie lesbar bleibt.

Um eine alte Umleitung zu verwerfen, klicken Sie mit der rechten Maustaste auf den Verbinder und wählen Sie Clear Waypoints. Dadurch wird der kürzeste Pfad zwischen seinen Formen wiederhergestellt; Hindernissen wird damit nicht zwingend ausgewichen. Beschriftungen bleiben an ihrer Position. Prüfen Sie sie daher nach dem Zurücksetzen. Siehe dieselbe Dokumentation zu Wegpunkten.

Unvermeidbare Kreuzungen mit Liniensprüngen kenntlich machen

Wenn sich der horizontale und der vertikale Verbinder kreuzen dürfen, wählen Sie einen davon aus und verwenden Sie Line jumps im Tab Style. Zu den verfügbaren Darstellungsarten gehören arc, gap und sharp sowie die Standarddarstellung overlapped. Diese Optionen sind unter Verbinder formatieren dokumentiert.

Ein Liniensprung ändert die Darstellung einer Kreuzung; er schafft keinen separaten Korridor. Verwenden Sie ihn, wenn die Kreuzung selbst akzeptabel ist. Wenn zwei Verbinder über eine Strecke dieselbe Linie nutzen, empfiehlt sich eine manuelle Umleitung, damit Leser jeder Verbindung unabhängig folgen können.

Die reparierte Route auch nach der nächsten Bearbeitung nutzbar halten

Legen Sie bei manuell gerouteten Verbindern fest, ob die Biegungen nahe am umgebenden Diagramm bleiben oder sich mit den verbundenen Knoten bewegen sollen. Damit Wegpunkte mit den Endpunkten verschoben werden, wählen Sie den Verbinder aus und aktivieren Sie Follow Terminals unter Style > Effects. Orthogonale Verbinder behalten ihre rechtwinkligen Biegungen bei. Dieses Verhalten ist in der Anleitung zum Verbinder-Update dokumentiert.

Prüfen Sie außerdem die Endpunkte, bevor Sie weitere Biegungen hinzufügen. Frei bewegliche Verbinder können sich um den Rand einer Form bewegen; fest verankerte Verbinder bleiben an bestimmten Punkten befestigt. Dieser Unterschied kann einen ungünstigen Verlauf zum Knoten erklären. Die offizielle Verbinder-Anleitung beschreibt beide Arten der Verankerung.

Verfolgen Sie zum Abschluss jeden Verbinder vom Anfang bis zum Ziel. Prüfen Sie den Abstand zu Hindernissen, Kreuzungen, gemeinsame Abschnitte und die Platzierung von Beschriftungen einzeln. Im synthetischen Beispiel ist das Ziel erreicht, wenn sich die Verbindung zwischen Node A und Node B leicht um Node C herum verfolgen lässt und ihr Verhältnis zur Verbindung zwischen Node D und Node E klar erkennbar ist. Wählen Sie je nach konkretem Ergebnis automatisches Routing, einen manuellen Korridor oder eine sichtbare Kreuzung.

Quellen