Använd en fällbar behållare för ett detaljerat avsnitt i draw.io och fäst översiktskopplingar vid behållaren. Då får den hopfällda vyn en meningsfull slutpunkt utan att du förlitar dig på att hopfällningen skapar en direkt koppling mellan former utanför avsnittet.

Den här guiden vänder sig till dig som redigerar ett diagram i draw.io Desktop på en Mac och vill kunna växla mellan en lättläst översikt och detaljerna i ett avsnitt. draw.ios officiella dokumentation bekräftar att det fristående datorprogrammet stöder macOS. Kör draw.io offline

Bestäm vad det hopfällda avsnittet ska betyda

Börja med ett litet, syntetiskt exempel: en fristående form med etiketten Input A, ett avsnitt med etiketten Section B och en fristående form med etiketten Output C. Placera tre detaljformer inuti Section B med etiketterna B1, B2 och B3, och koppla ihop dem i ordning.

Den avsedda översikten är enkel: Input A kopplas till Section B, och Section B kopplas till Output C. När du expanderar avsnittet ser du hur dess tre interna steg hänger ihop. Avsnittet är fortfarande en meningsfull del av översikten även när detaljerna är dolda.

Den här strukturen bygger på två dokumenterade funktioner: behållare kan innehålla andra former och fällas ihop, och kopplingar kan gå över behållargränser. Dokumentationen om behållare fastställer däremot inte att hopfällning av en godtycklig kedja skapar en ny direkt koppling mellan formerna utanför den. Se hopfällning som ett sätt att visa eller dölja detaljer; definiera översiktens kopplingar uttryckligen. Aktivera eller inaktivera funktionen för att fälla ihop och expandera behållarformer

Välj struktur utifrån vad läsarna behöver förstå:

Läsarens fråga Rekommenderad struktur Vad översikten fortfarande visar
Vilka avsnitt är kopplade till varandra? Koppla fristående former till avsnittets behållare. Avsnittet ingår i diagrammets övergripande flöde.
Vilket exakt internt steg är kopplat till något utanför avsnittet? Behåll kopplingen till den interna formen och märk relationen tydligt. Den detaljerade slutpunkten är fortfarande en del av modellen; granska båda hopfällningslägena.
Kan hela avsnittet försvinna så att bara en direkt pil mellan former utanför avsnittet återstår? Rita en uttrycklig översiktsrepresentation om relationen stämmer. Den direkta relationen är en medvetet skapad sammanfattning, inte ett förväntat resultat av hopfällning.

Det här beslutsstödet är en rekommendation för diagramdesign som bygger på de dokumenterade funktionerna. Det hindrar dig från att ge en koppling en ny betydelse bara för att vissa former inte längre syns.

Skapa ett fällbart avsnitt på Mac

Arbeta med en kopia av ett befintligt diagram medan du ändrar strukturen. Om du skapar ett nytt diagram kan du först bygga det lilla exemplet och sedan använda samma upplägg för större avsnitt.

Skapa behållaren innan du lägger till detaljer

Lägg till en rektangel som är tillräckligt stor för att rymma de tre interna formerna. Markera bara rektangeln och tryck på Cmd+G. I den officiella guiden om behållare anges att detta är Mac-genvägen för att göra en form till en behållare. Aktivera Extras > Collapse/Expand; en bock visar att funktionen är aktiverad. I temat Minimal är den dokumenterade vägen att högerklicka och välja Options > Collapse/Expand. Konfigurera behållare och kontroller för hopfällning

Ge behållaren etiketten Section B. Håll namnet tillräckligt kort för att det ska gå att identifiera avsnittet i översiktsvyn. Lämna plats vid rubriken för hopfällningskontrollen i stället för att placera en detaljform direkt ovanpå den.

Lägg till B1, B2 och B3 inuti behållaren och koppla ihop dem i ordning. Låt Input A och Output C vara utanför. Namnen och upplägget är exempel som gör det lätt att skilja avsnittet från dess innehåll.

Om du redan har en samling former och interna kopplingar kan du också markera dem tillsammans och välja Arrange > Group eller trycka på Cmd+G. Ta med de interna kopplingarna i markeringen. Lämna de fristående formerna utanför gruppen. Gruppera och dela upp former och kopplingar

Kontrollera att avsnittet går att fälla ihop

Klicka på avsnittets hopfällningskontroll för att fälla ihop det och klicka igen för att expandera det. Den aktuella dokumentationen om grupper beskriver en kontroll med −/+ för celler som kan fällas ihop och anger collapsible=1 som den formatinställning som aktiverar hopfällning för en cell. Om en vanlig grupp saknar kontroll trots att det globala alternativet är aktiverat ska du granska inställningarna för den markerade cellen i stället för att gruppera om diagrammet gång på gång. De dokumenterade formatinställningarna finns via Edit Style… eller avsnittet Properties på fliken Arrange. Fäll ihop och expandera grupper

Innan du lägger till översiktskopplingarna ska du kontrollera att hopfällningen döljer de avsedda detaljerna och lämnar namnet läsbart. Om något fortfarande syns utanför det hopfällda avsnittet ska du kontrollera om det ingår i behållaren i stället för att anta att en visuell överlappning gjorde det till en del av den.

Fäst översiktskopplingarna vid själva avsnittet

I exemplet drar du en koppling från Input A till kanten på Section B och en annan från Section B till Output C. De här två kopplingarna beskriver avsnittets plats i diagrammets övergripande flöde. Den interna sekvensen B1–B2–B3 visar detaljerna.

Använd en flytande koppling när den exakta fästpunkten inte spelar någon roll. Dra en koppling från en riktningspil på källformen och släpp den över målet när dess kontur är blå. Flytande ändpunkter kan flyttas längs formens omkrets när diagrammet ändras. Om du vill ha en fast koppling börjar och slutar du vid anslutningspunkter som markeras med grönt. Fasta ändpunkter förblir anslutna till dessa punkter. Se skillnaden mellan fasta och flytande kopplingar

För den här översikten är flytande ändpunkter ett rimligt första val eftersom det viktiga är vilken sektion som är kopplad. Välj fasta ändpunkter när en viss sida eller anslutningsposition har betydelse. Oavsett vilket du väljer behöver du granska både den hopfällda och den expanderade vyn.

Lägg till etiketter som Input to B och Output from B om pilarnas betydelse annars är oklar. Dubbelklicka på kopplingen där etiketten ska stå. Om du vill flytta etiketten markerar du den och drar i dess diamantformade handtag. Etikettmärk kopplingar

Om relationen faktiskt hör till B2 ska du behålla den detaljerade kopplingen. Ersätt den inte med en koppling till behållaren om den bredare beskrivningen inte också stämmer. En användbar etikett kan vara Input to B2, tillsammans med ett avsnittsnamn som fortfarande är begripligt i översikten. Den officiella dokumentationen tillåter kopplingar över behållargränser, men det betyder inte i sig att varje detaljerad slutpunkt visas tydligt när avsnittet fälls ihop. Granska det specifika diagrammet i båda lägena. Kopplingar över behållargränser

Undvik fällan med transparenta layoutbehållare

En behållare som skapas via Arrange > Insert > Layout skiljer sig från ett avsnitt med en synlig gräns som går att ansluta till. I den officiella layoutguiden står det att sådana infogade layoutbehållare har genomskinliga kanter som inte kan ta emot kopplingar; kopplingarna måste i stället fästas vid former inuti dem. Guiden skiljer också ut avancerade layoutformer som omges av en simbanebehalare som kan ta emot kopplingar. Avancerade layoutformer och layoutbehållare

Om översikten kräver pilar som fästs vid avsnittets gräns använder du en behållare eller simbanebehalare som går att ansluta till. Välj en transparent layoutbehållare när automatisk placering av dess interna former är viktigast och kopplingar till dessa former passar diagrammet.

Granska båda vyerna innan du justerar kopplingslinjerna

Följ stegen nedan när du har byggt exemplet. De hjälper dig att kontrollera att översikten visar de avsedda relationerna innan du lägger tid på att finjustera böjar och avstånd.

  1. Expandera Section B och kontrollera den interna sekvensen.
  2. Kontrollera att de två översiktskopplingarna sitter fast i avsnittet och inte bara slutar nära dess kontur.
  3. Fäll ihop avsnittet och läs diagrammet med enbart de synliga namnen och kopplingsetiketterna.
  4. Kontrollera att varje synlig pil fortfarande visar en sann relation.
  5. Expandera igen och granska de interna kopplingarna och etiketterna.
  6. Upprepa med varje intilliggande avsnitt hopfällt separat och därefter tillsammans.

Om hopfällningen lämnar för mycket tomrum justerar du placeringen medvetet. I dokumentationen om grupper beskrivs hur du kan Skift-klicka på hopfällningskontrollen för att flytta syskonelement åt höger eller nedåt när storleken ändras. Det här är ett specifikt beteende vid hopfällning, inte ett löfte om att ett godtyckligt diagram utformas om automatiskt. Hopfällning och intilliggande celler

Om en koppling tar en omväg markerar du den och justerar dess bana. Du kan dra i dess blå punkter eller högerklicka på kopplingen och välja Add Waypoint. Manuella ändringar av brytpunkter inaktiverar den automatiska ortogonala linjestilen för den kopplingen, så lägg bara till böjar när de förbättrar båda vyerna. Om du vill ta bort en onödig bana högerklickar du och väljer Clear Waypoints, och granskar sedan den nya linjen. Ändra kopplingars bana med brytpunkter

Granska etiketterna separat efter att du har dragit om kopplingarna. En etikett som har flyttats manuellt kan behöva justeras igen. Om du vill återställa den till kopplingen markerar du kopplingen eller etiketten, väljer Reset på fliken Arrange och sedan Label Positions. Återställ kopplingsetiketternas positioner

Felsök strukturen innan du finjusterar den

Symtom Vad du bör kontrollera Rekommenderat nästa steg
Hopfällningskontrollen visas inte Det globala alternativet för hopfällning och den markerade cellens möjlighet att fällas ihop Aktivera Extras > Collapse/Expand; kontrollera collapsible=1 vid behov.
En detalj är fortfarande synlig efter hopfällning Om detaljen tillhör avsnittet Kontrollera om den ingår i behållaren eller gruppen i stället för att utgå från dess visuella placering.
Det går inte att fästa en koppling vid avsnittets kant Om avsnittet är en infogad transparent layoutbehållare Använd en behållare eller simbanebehalare som går att ansluta till för relationer vid gränsen.
En hopfälld pil är tvetydig Om dess betydelse beror på en intern slutpunkt Märk relationen eller skapa en uttrycklig koppling på avsnittsnivå.
En linje har en onödig böj Befintliga brytpunkter Justera eller ta bort brytpunkterna och kontrollera sedan etiketterna igen.

De här kontrollerna kombinerar dokumentationen om behållarkontroller, gruppinställningar, gränser för layoutbehållare och brytpunktsverktyg. Vilken relation som ska visas är fortfarande ett redaktionellt beslut om diagrammet.

Ett användbart hopfällt diagram gör det möjligt att identifiera varje avsnitt och förstå dess synliga kopplingar utan att öppna varje detalj. Skapa översikten uttryckligen och använd sedan hopfällning för att visa den underliggande strukturen. Om läsaren behöver en direkt koppling som helt kringgår ett avsnitt ritar du den sammanfattningen medvetet och behåller den detaljerade vyn där de interna relationerna fortfarande spelar roll.

Källor