Damit draw.io-Verbindungen auf dem Mac verbunden bleiben, verbinde ihre Enden mit den Formen und achte auf die hervorgehobene Verbindungsstelle, bevor du die Maustaste loslässt. Verwende feste Verbindungen, wenn jedes Ende an einem bestimmten Punkt bleiben muss, und gleitende Verbindungen, wenn sich die Verbindungsstelle entlang des Formrands bewegen darf. Offizielle Anleitung zu Verbindungen

Diese Anleitung zeigt, wie du ein einfaches Diagramm in draw.io auf einem Mac neu anordnest: drei Rechtecke mit den Beschriftungen Node A, Node B und Node C, die nacheinander verbunden sind. Ziel ist es, einzelne Knoten zu verschieben und ihre Verbindungen beizubehalten. Anschließend kannst du bei Bedarf die Linienverläufe anpassen.

Entscheiden, ob die Verbindung dieselbe Verbindungsstelle behalten soll

draw.io unterstützt zwei Arten der Verbindung. Eine feste Verbindung bleibt beim Verschieben einer Form an einem bestimmten Punkt. Eine gleitende Verbindung bleibt bestehen, kann sich aber entlang des Formrands bewegen, wenn sich die Position der Form oder der Verlauf der Verbindung ändert. Für jedes Ende lässt sich eine andere Art festlegen. Feste und gleitende Verbindungen

Überlege dir vor jeder Änderung, was „verbunden bleiben“ für dein Diagramm bedeutet:

Gewünschtes Ergebnis Zu wählende Verbindung Was nach dem Verschieben zu prüfen ist
Die Linie folgt dem Knoten und darf die Seite wechseln Gleitend Das Ende trifft weiterhin auf den vorgesehenen Knoten
Die Linie verläuft immer über einen bestimmten Punkt, etwa die Mitte der rechten Seite Fest Das Ende bleibt an diesem Punkt
Ein Knoten benötigt eine bestimmte Verbindungsstelle, während sich die andere anpassen darf An einem Ende fest, am anderen gleitend Jedes Ende einzeln prüfen

Diese Auswahlmöglichkeiten entsprechen den in draw.io dokumentierten Verbindungsarten im Vergleich der Verbindungen.

Zur Fehlerdiagnose solltest du drei Beobachtungen auseinanderhalten: Ein Endpunkt bleibt zurück, ein Endpunkt wechselt die Seite oder die Linie bekommt einen ungünstigen Knick. Der Seitenwechsel kann normales Verhalten einer gleitenden Verbindung sein. Der Knick betrifft den Linienverlauf. Prüfe zuerst die Verbindung, damit du nicht unnötig Zeit damit verbringst, eine Linie umzuformen, deren Endpunkt noch verbunden werden muss.

Feste Verbindungen einrichten, die deinen Formen folgen

Ordne für das Beispieldiagramm Node A, Node B und Node C in einer waagerechten Reihe an. Verbinde den Punkt an der rechten Seite von Node A mit dem Punkt an der linken Seite von Node B. Wiederhole das zwischen Node B und Node C. Dies ist ein Beispiel für eine mögliche Anordnung und kein dokumentierter Anwendungstest.

Verbindungspunkte auf dem Mac anzeigen

Klicke auf einen leeren Bereich, sodass nichts ausgewählt ist. Vergewissere dich im Formatbereich auf der Registerkarte Diagram, dass Connection Points aktiviert ist. Im Classic-Modus kannst du auch View > Connection Points verwenden. Die dokumentierte Mac-Tastenkombination lautet Option+Shift+O; sie schaltet die Anzeige um. Prüfe deshalb das Ergebnis, anstatt sie wiederholt zu drücken. Fahre mit dem Mauszeiger über eine Form und achte auf die kleinen Kreuze. Steuerung der Anzeige von Verbindungspunkten

Knoten über die hervorgehobenen Punkte verbinden

  1. Fahre mit dem Mauszeiger über Node A und suche den Verbindungspunkt an der rechten Kante.
  2. Bewege den Mauszeiger auf diesen Punkt, bis er grün hervorgehoben wird, und ziehe dann von dort zu Node B.
  3. Fahre mit dem Mauszeiger über den Verbindungspunkt auf der linken Seite von Node B.
  4. Lass die Maustaste los, wenn dieser Punkt grün hervorgehoben wird.
  5. Wiederhole den Vorgang vom Verbindungspunkt an der rechten Seite von Node B zum Verbindungspunkt an der linken Seite von Node C.

So funktioniert das dokumentierte Vorgehen zum Zeichnen fester Verbindungen. Das feste Ende einer ausgewählten Verbindung wird durch ein grünes Kreuz angezeigt. Feste Verbindungen zeichnen

Wähle nun Node B aus und ziehe die Form an eine neue Position unterhalb der Reihe. Lass Node A und Node C an ihrer Position. Bei festen Verbindungen bleiben die Enden laut Dokumentation beim Verschieben der Form an den ausgewählten Verbindungspunkten. Wähle für diese Prüfung die Form selbst aus und ziehe sie, nicht einen Verbindungspunkt der Linie. Formen verschieben und feste Verbindungen prüfen

Prüfe beide Verbindungen einzeln. Im Beispiel sollte die eine weiterhin Node A mit Node B verbinden und die andere Node B mit Node C. Das Verschieben eines einzelnen Knotens ist eine nützliche praktische Prüfung: Wenn du die gesamte Anordnung gemeinsam verschiebst, erfährst du weniger darüber, ob jeder Endpunkt seiner jeweiligen Form folgt.

Einen Endpunkt reparieren, der eine Form nur scheinbar berührt

Wenn ein Verbindungsende beim Verschieben zurückbleibt, prüfe zuerst dieses Ende. Wähle die Verbindung aus, ziehe ihren Endpunkt auf den vorgesehenen Verbindungspunkt der Form und lass die Maustaste los, sobald der Punkt grün hervorgehoben wird. Wiederhole den Vorgang gegebenenfalls am anderen Ende. Laut draw.io lassen sich Formen verbinden, indem man ein gezogenes Verbindungsende auf einem Verbindungspunkt ablegt. Verbindungsenden an Verbindungspunkten befestigen

Ziehe bei einer gleitenden Verbindung den Endpunkt über das vorgesehene Ziel und lass die Maustaste los, wenn der Umriss der Form blau ist. Der gleitende Endpunkt wird als blauer Kreis angezeigt. Orientiere dich an dieser sichtbaren Rückmeldung, statt nur zu beurteilen, ob die Linie den Rand scheinbar berührt. Anzeigen für gleitende Verbindungen

Verschiebe nach dem erneuten Verbinden nur den Zielknoten. Wenn der Endpunkt folgt, aber die Seite wechselt, überlege, ob diese Flexibilität zum Diagramm passt. Muss der Endpunkt an der linken oder rechten Kante bleiben, verbinde ihn mit dem entsprechenden festen Punkt.

Benutzerdefinierte Verbindungspunkte verwenden, wenn die Standardpunkte nicht passen

Wenn eine Form keinen passenden Punkt hat, öffne ihr Kontextmenü und wähle Edit Connection Points. Die dokumentierte Mac-Tastenkombination lautet Option+Shift+K. Doppelklicke im visuellen Editor auf die Stelle, an der du einen weiteren Punkt hinzufügen möchtest. Die aktivierte Rasterausrichtung beeinflusst seine Position. Verwende diesen Punkt anschließend für die Verbindung. Alternativ kannst du direkt im Kontextmenü Add Connection Point wählen. Laut Dokumentation ist diese Option für gedrehte oder gespiegelte Formen nicht verfügbar. Verbindungspunkte einer Form bearbeiten

Verwende für diese Aufgabe beim Verbinden sichtbare Punkte und halte dabei keine Sondertasten gedrückt. Die offizielle Seite zu Verbindungspunkten und die Seite zu Tastenkombinationen beschreiben widersprüchlich, was beim Ablegen von Endpunkten mit Alt und Shift geschieht. Auf dem Mac ist Alt in der Tastenkombinationsübersicht Option zugeordnet. Mit der Anleitung zu sichtbaren Punkten musst du dich nicht auf diese widersprüchlichen Angaben verlassen. Anleitung zu Verbindungspunkten, Übersicht zu Sondertasten

Knicke korrigieren, nachdem du die Verbindung der Enden bestätigt hast

Eine feste Verbindung legt fest, wo die Linie auf eine Form trifft. Der dazwischenliegende Linienverlauf wird separat über Wegpunkte und Routing gesteuert. Bei ausgewählten Verbindungen werden Ziehpunkte für Wegpunkte angezeigt. Wenn du sie verschiebst, ändert sich der Verlauf. Ein festes Ende bleibt dabei an seinem Verbindungspunkt, während sich ein gleitendes Ende bei solchen Änderungen am Formrand bewegen kann. Linienverläufe und Wegpunkte von Verbindungen

Wenn ein alter Umweg nicht mehr hilfreich ist, wähle nur die betreffende Verbindung aus. Öffne im Formatbereich Arrange, wähle Reset und dann Waypoints. Dadurch wird der Verlauf der Verbindung direkter. Beim Zurücksetzen der Wegpunkte bleiben Beschriftungen von Verbindungen an ihrer Position. Prüfe sie deshalb anschließend. Bei Bedarf kannst du Reset > Label Positions wählen; gesperrte Beschriftungen behalten ihre Position. Wegpunkte und Beschriftungen zurücksetzen

Wenn du einen bewusst gestalteten Verlauf möchtest, wähle die Verbindung aus und aktiviere Follow Terminals im Bereich Effects der Registerkarte Style. Laut draw.io sorgt diese Option dafür, dass manuell gesetzte Wegpunkte beim Verschieben einer verbundenen Form mitbewegt werden. Prüfe den Verlauf nach dem Verschieben. Die Verbindung der Endpunkte und ein gut lesbarer Verlauf sind zwei getrennte Anforderungen. Wegpunkte mit verbundenen Formen verschieben

Wenn sich die Linienverläufe an andere Formen anpassen sollen, wähle die Verbindung aus und gehe zu Style > Waypoints > Auto-route around shapes. Laut Dokumentation wird das Routing aktualisiert, wenn verbundene Formen verschoben oder in der Größe geändert werden. Wenn du die Verbindung manuell ziehst, um Wegpunkte hinzuzufügen, wird das automatische Routing deaktiviert. In Containern, die ihren Inhalt automatisch anordnen, hat das automatische Routing ebenfalls keine Wirkung. Automatisches Routing und seine Einschränkungen

Einstellungen vermeiden, die ein anderes Problem lösen

Mit Snap to Point verwendet eine Verbindung den nächstgelegenen festgelegten Verbindungspunkt, wenn Formen oder Verbindungen verschoben werden. Da sich der nächstgelegene Punkt ändern kann, eignet sich diese Funktion, wenn du auswählbare Ankerpunkte möchtest, aber zulässt, dass der Endpunkt zwischen ihnen wechselt. Wenn ein Endpunkt an einem bestimmten Punkt bleiben muss, verwende eine feste Verbindung. So funktioniert das Einrasten an Ankerpunkten

Ebenso leitet der dokumentierte Befehl Arrange > Layout > Orthogonal Routing Verbindungen einmalig neu. Er aktiviert kein dauerhaftes automatisches Routing. Verwende ihn für eine einmalige Bereinigung. Wähle Auto-route around shapes, wenn spätere Verschiebungen neue Verläufe auslösen sollen. Einmaliges und automatisches Routing

Verschiebe zum Abschluss Node B allein und prüfe alle vier Enden der Verbindungen. Kontrolliere anschließend die Knicke und Beschriftungen. So kannst du klar feststellen, wann du fertig bist: Die vorgesehenen Knoten bleiben verbunden, feste Enden behalten ihre ausgewählten Punkte und die Verläufe sind in der neuen Anordnung gut lesbar.

Quellen