Auto-Layout
Diagrammix3 enthält eine leistungsstarke Auto-Layout-Funktion, die Ihre Diagrammelemente automatisch für optimale Lesbarkeit anordnet. Es bietet mehrere Layout-Algorithmen — vom klassischen hierarchischen Sugiyama-Layout bis zu Baum-, Radial-, Kreis-, Kräfte- und Rasteranordnungen — sodass Sie denjenigen auswählen können, der am besten zu Ihrem Diagramm passt.
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-Algorithmen
Neben dem klassischen hierarchischen Layout bietet Diagrammix eine Reihe von Layout-Algorithmen. Wählen Sie denjenigen, der zur Form Ihrer Daten passt:
| Algorithmus | Am besten geeignet für |
|---|---|
| Hierarchisch (Sugiyama) | Flussdiagramme, Organigramme, Abhängigkeitsgraphen — geschichtete, gerichtete Strukturen |
| Geschichtet | Gerichtete Graphen, bei denen Sie explizite Kontrolle über die Flussrichtung wünschen |
| Baum | Strenge Eltern → Kind-Hierarchien |
| Radial | Hierarchien, die von einer zentralen Wurzel ausstrahlen |
| Kreisförmig | Knoten, die um einen Ring angeordnet sind; gut für Zyklen und Peer-Netzwerke |
| Kräftegesteuert | Organische, physikbasierte Abstände für allgemeine Graphen |
| Organisch | Natürliche, gleichmäßig verteilte Layouts für dichte Graphen |
| Orthogonal | Kompakte Layouts mit rechtwinkligem Routing |
| Raster / Packen | Ordentliche Raster- oder gepackte Anordnungen von lose verwandten Elementen |
Tipp: Probieren Sie mehrere Algorithmen für dieselbe Auswahl —
Cmd+Zmacht jedes Ergebnis sofort rückgängig, sodass Sie schnell vergleichen können.
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
- Zustandsmaschinen
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.