Auto-Layout
Diagrammix3 enthält eine leistungsstarke Auto-Layout-Funktion, die Ihre Diagrammelemente automatisch für optimale Lesbarkeit anordnet. Die Layout-Engine verwendet den Sugiyama-Algorithmus, der speziell für hierarchische und gerichtete Graphen entwickelt wurde.
Wann Auto-Layout verwenden
Auto-Layout ist hilfreich, wenn:
- Sie ein Diagramm aus Mermaid oder einem anderen Format importiert haben
- Ihr Diagramm nach vielen Bearbeitungen unübersichtlich geworden ist
- Sie schnell eine große Anzahl von Elementen organisieren möchten
- Sie von einer groben Skizze zu einem sauberen Layout kommen möchten
Auto-Layout anwenden
Über das Menü
- Wählen Sie die Formen aus, die Sie organisieren möchten (oder wählen Sie alle mit Cmd+A)
- Gehen Sie zu Anordnen → Auto-Layout
- Die ausgewählten Elemente werden neu angeordnet
Über die Werkzeugleiste
Klicken Sie auf die Auto-Layout-Schaltfläche in der Anordnungs-Werkzeugleiste (Rastersymbol).
Layout-Richtung
Sie können die Richtung der Layout-Hierarchie wählen:
| Richtung | Beschreibung | Geeignet für |
|---|---|---|
| Von oben nach unten | Wurzel oben, Blätter unten | Organigramme, Flussdiagramme |
| Von unten nach oben | Wurzel unten, Blätter oben | Entscheidungsbäume |
| Von links nach rechts | Wurzel links, Blätter rechts | Prozessabläufe, Zeitachsen |
| Von rechts nach links | Wurzel rechts, Blätter links | RTL-Diagramme |
Zugriff auf Richtungsoptionen unter Anordnen → Auto-Layout → Richtung.
Layout-Optionen
Abstände
Steuern Sie den Abstand zwischen Elementen:
- Horizontaler Abstand: Abstand zwischen Geschwisterknoten
- Vertikaler Abstand: Abstand zwischen Hierarchieebenen
Passen Sie diese im Layout-Optionen-Panel oder im Inspektor an.
Ausrichtung
Wählen Sie, wie Knoten auf derselben Ebene ausgerichtet werden:
- Zentriert: Knoten innerhalb ihrer Ebene zentriert
- Links/Oben: Knoten am Anfang ausgerichtet
- Rechts/Unten: Knoten am Ende ausgerichtet
Der Sugiyama-Algorithmus
Das Auto-Layout verwendet den Sugiyama-Algorithmus (auch bekannt als geschichtetes Graphenzeichnen), der:
- Ebenen zuweist: Platziert Knoten basierend auf Verbindungen in hierarchische Ebenen
- Kreuzungen reduziert: Minimiert Kantenkreuzungen zwischen Ebenen
- Knoten positioniert: Platziert Knoten, um Kantenlängen zu minimieren
- Kanten routet: Erstellt saubere Verbindungspfade
Dieser Algorithmus ist ideal für:
- Flussdiagramme
- Organigramme
- Abhängigkeitsgraphen
- UML-Klassenhierarchien
- Zustandsautomaten
Tipps für bessere Ergebnisse
Vor dem Ausführen von Auto-Layout
- Unnötige Verbindungen löschen: Zusätzliche Kanten erhöhen die Komplexität
- Zusammengehörige Elemente gruppieren: Gruppen werden als einzelne Knoten behandelt
- Richtung bedenken: Überlegen Sie, welche Richtung für Ihr Diagramm sinnvoll ist
Nach dem Ausführen von Auto-Layout
- Positionen feinabstimmen: Passen Sie einzelne Elemente nach Bedarf an
- Beschriftungen prüfen: Stellen Sie sicher, dass Beschriftungen lesbar sind und sich nicht überlappen
- Abstände anpassen: Vergrößern Sie Abstände, wenn Elemente zu eng beieinander stehen
Einschränkungen
- Zyklische Graphen: Diagramme mit Zirkelbezügen werden möglicherweise nicht perfekt angeordnet
- Dichte Graphen: Sehr dichte Diagramme können weiterhin einige Kantenkreuzungen aufweisen
- Benutzerdefinierte Positionen: Das Layout überschreibt jegliche manuelle Positionierung
- Seitenverhältnis: Der Algorithmus berücksichtigt nicht das Seitenverhältnis des Canvas
Rückgängig machen
Wenn Ihnen das Ergebnis nicht gefällt, drücken Sie Cmd+Z, um das Layout rückgängig zu machen und die vorherigen Positionen wiederherzustellen.