Systém diagramu

Vytvořit grafy, UML diagramy, síťové diagramy, a připojit všechny vizuální prvky s inteligentními konektory.

! [Diagram Flowchart] (…/images/diagram-flowchart.png)

Přehled

Systém diagramu poskytuje:

• • • Diagram Shapes * * - Flowchart, UML a síťové symboly
• • • Smart Connectors * * - Automatické směrování šipek, které aktualizují, když se tvary pohybují
• • • Connect Anything * * - Odkaz na jakékoliv plátnové předměty (obrázky, texty, tvary, SVG)
• • • Automatické rozložení * * - Automatické uspořádání diagramů

Přístup k panelu diagramů

1. Klikněte na tlačítko * * Obrázek * * v levé nástrojové liště
2. Obraz zobrazuje dostupné tvary

! [Obrázek Panel] (…/images/diagram-panel-shapes.png)

Vytvoření obrazových tvarů

Z panelu

1. Otevřít obrázek diagramu
2. Vyberte kategorii tvaru (Flowchart, UML, Network, Basic)
3. Klikněte na tvar přidat do plátna
4. Přetáhněte do polohy

Tvar Kategorie

Připojení položek

Rychlé připojení (libovolné položky)

1. Vybrat zdrojovou položku
2. Držet Shift a klikněte na cílovou položku
3. Automaticky se vytvoří konektor

Použití režimu připojení

1. Klikněte na * * Connect * * v panelu diagram (nebo stiskněte C)
2. Klikněte na port zdrojové položky (modrý kruh)
3. Přetáhněte do přístavu cílové položky
4. Uvolnit pro vytvoření spojení

Pracuje s libovolnou položkou

Konektory se neomezují jen na tvar diagramu. Připojit:

• Obrázky a dovážené SVG
• Textové prvky
• Vlastní tvary (kruhy, hvězdy, obdélníky)
• Generator- vytvořené prvky

Styly konektoru

Směrové styly

Styly šípů

Automatické rozvržení

Automaticky uspořádejte diagram:

1. Vyberte tvary pro uspořádání (nebo nezvolte žádnou pro všechny)
2. Klikněte na * * Automatické rozvržení * * v obraze diagramu
3. Vyberte algoritmus rozložení

Typy rozložení

! [Auto rozvržení] (…/images/diagram-auto-layout.png)

Příklady diagramu

Flowchart

[Flowchart] (…/images/diagram-flowchart.png)

Jednoduchý vývojový diagram procesu s:

• Koncové tvary pro start / konec
• Formy procesů pro akce
• Rozhodnutí o diamantu za podmínek
• Ortogonální konektory

Schéma sítě

! [Schéma sítě] (…/images/diagram-network.png)

Síťová architektura ukazující:

• Tvar oblačnosti pro internet
• Formy serveru pro infrastrukturu
• Nafukovací konektory pro vnitřní spoje

Pouzdro UML

[UML diagram] (…/images/diagram-uml-usecase.png)

Schéma případu použití s:

• Obrázek herce hole
• Použít případy elipsy
• Sdružené konektory

Animované konektory

Přidat “šroub” efekt pro animovaný tok:

1. Vyberte konektor
2. Povolit * * Bolt Effect * * ve vlastnostech
3. Nastavení nastavení:
   • • • Color * * - Bolt color
   • • • Speed * * - Animace rychlost
   • • • Velikost * * - Velikost šroubu

Šroub se pohybuje podél konektoru a ukazuje směr toku dat.

Tipy

Klávesové zkratky

Související

• [Šipky a konektory] (/features/arrows) - Nástroj pro šipku Legacy
• [Animace] (/features/animations) - Animované prvky diagramu
• [Editor klávesnice] (/features/keyframes) - Komplexní animace sekvence