Delvis. draw.io kan dela namn via platshållare på filnivå och härleda färger från data, men dokumentationen fastslår inte automatisk, dubbelriktad synkronisering av namn, färger och länkar mellan kopierade former på olika sidor.

För en uppgift på Mac-datorn är den viktigaste frågan om du behöver arrangera om ett diagram eller underhålla flera oberoende positionerade versioner. När du tillämpar en layout arrangeras befintliga former om; när du underhåller separata sidor behöver du hantera separata värden och inställningar. Arbetsflödet nedan använder endast syntetiska noder och dokumenterade redigeringsfunktioner. Tillämpa layouter för att arrangera om ett diagram

Vilken typ av synkronisering behöver du?

Anta att tre rektanglar — Node A, Node B och Node C — visas i en bred och en hög uppställning. Du vill att varje nods namn, fyllnadsfärg och mållänk ska stämma överens samtidigt som positionen skiljer sig åt. Den begäran omfattar flera olika åtgärder:

Krav Dokumenterat tillvägagångssätt Begränsning
Ändra arrangemanget av befintliga former Tillämpa en layout på det aktuella diagrammet Arrangerar om de befintliga objekten i stället för att underhålla parallella vyer
Återanvända ett namn på flera sidor Hänvisa till en anpassad egenskap på filnivå i etiketter Redigera den delade egenskapen; direkt redigering av etiketter är en separat åtgärd
Färglägga former utifrån deras data Använd formatregler på sidnivå eller platshållare för format som stöds Matchande data och tillämpliga regler måste underhållas
Ge upprepade former samma mål Ange deras länkar uttryckligen En delad etikett fastställer inte ett delat mål
Redigera valfri kopia och sprida alla tre attributen Ingen fullständig arbetsgång fastställs i den citerade dokumentationen Betrakta inte sidduplicering som ett system för automatisk synkronisering

Dessa skillnader följer av de dokumenterade omfattningarna: filegenskaper delas mellan sidor, formatregler hör till enskilda sidor och länkar lagras som metadata för former. De möjliggör ett kontrollerat underhållsflöde, men fastställer inte att separata kopior blir ett och samma redigerbara objekt. Globala anpassade egenskaper, Ändra formers format med formatregler, Redigera metadata för former

Använd en uppsättning former när bara arrangemanget behöver ändras

Om du bara behöver arbeta med en uppställning åt gången behåller du ett enda redigerbart diagram. Då slipper du det praktiska problemet med att underhålla motsvarande kopior. draw.io för datorer körs på macOS, så det här tillvägagångssättet kräver inte att du flyttar uppgiften till en webbläsare. Kör draw.io offline

Skapa de tre rektanglarna och koppla Node A till Node B och sedan Node B till Node C. Ge dem avsedda etiketter, färger och länkar innan du experimenterar med placeringen. Använd sedan det dokumenterade layoutkommandot:

  1. Öppna Arrange > Layout.
  2. Välj en lämplig layout, till exempel en horisontell eller vertikal flödeslayout.
  3. Justera alternativen och klicka på Apply.
  4. Granska resultatet. Tryck på Cmd+Z för att ångra en olämplig uppställning.

Layouter används på befintliga former och beräknar placeringen utifrån deras kopplingar. Den aktuella dokumentationen om layouter skiljer också mellan enbart omdragning av kopplingar och layouter som flyttar former. Därför är det ett stödd sätt att ändra presentationen att arrangera om samma objekt utan att skapa ytterligare en uppsättning egenskaper som behöver stämmas av. Tillämpa layouter för att snabbt organisera diagram

Det finns en viktig begränsning: att tillämpa flera layouter efter varandra är inte samma sak som att växla mellan sparade vyer. Dokumentationen säger att layouter beräknas utifrån diagrammets aktuella tillstånd, så om du tillämpar en annan layout återskapas inte alltid en tidigare struktur på ett konsekvent sätt. Om du behöver behålla exakta, separat redigerbara positioner använder du separata sidor och underhållsmetoden nedan. Tillämpa layouter för att arrangera om ett diagram

Dela nodnamn mellan sidor med oberoende uppställningar

Om du behöver breda och höga versioner samtidigt behåller du båda sidorna i en och samma fil. Börja med en sida som heter Wide; duplicera den senare och döp kopian till Tall. Den dokumenterade sidmenyn har alternativen Duplicate Page och Rename Page. Dupliceringen ger en utgångsuppställning; konfigurera de delade etiketterna uttryckligen. Lägg till flera sidor i dina diagram

Definiera namn på filnivå

Öppna File > Properties, klicka på Edit Data och lägg till följande exempel på egenskaper:

Egenskap Värde
nodeAName Node A
nodeBName Node B
nodeCName Node C

Använd Add Property för varje post och klicka sedan på Apply. Filegenskaper är tillgängliga på alla sidor. Om du i stället klickar på Edit Data utan att något är markerat definierar du egenskaper för den aktuella sidan. Den skillnaden avgör om namnen kan delas mellan layouter. Globala anpassade egenskaper

Låt etiketterna hänvisa till namnen

Markera den första rektangeln, tryck på Cmd+M, aktivera Placeholders och klicka på Apply. Ange %nodeAName% som etikett. Upprepa med %nodeBName% och %nodeCName% på de andra rektanglarna. Att aktivera platshållare och omge ett egenskapsnamn med procenttecken är den dokumenterade konfigurationen av etiketter. Arbeta med platshållare i etiketter och verktygstips

Duplicera nu sidan och arrangera om kopian. Om du senare vill byta namn på den logiska noden ändrar du dess filegenskap. Undvik att lägga till en egenskap med samma namn på en form, behållare eller sida: en mer specifik egenskap åsidosätter filvärdet. Globala anpassade egenskaper

Se etiketten som en hänvisning till det delade namnet. I det här arbetsflödet ska du ändra namn i filegenskaperna i stället för att ersätta en visad etikett med bokstavlig text.

Håll färgerna konsekventa utan att anta att kopior är länkade

För ett litet diagram räcker det ofta att uppdatera formatet uttryckligen. Formatera en rektangel, klicka på Copy Style på fliken Style, markera motsvarande rektangel på en annan sida och klicka på Paste Style. Då används formateringen när du utför kommandot; upprepa åtgärden efter senare ändringar. Format för former och kopplingar måste kopieras separat. Kopiera och klistra in format för former och kopplingar

Om bara fyllningen ska ändras använder du färgkontrollen Fill på målformen. Om du kopierar hela formatet kan mer formatering än den avsedda färgändringen tillämpas. Ändra formers format

Använd sidregler för en konsekvent färgkonvention

Definiera en exempelkonvention för flera upprepade noder: alla representationer av Node A ska vara blå. Ge varje motsvarande form en anpassad egenskap med namnet nodeKey och värdet A, med hjälp av Cmd+M och Add Property. Anpassade egenskaper stöds för former och kopplingar. Redigera metadata för former

Konfigurera regeln på varje layoutsida:

  1. Öppna File > Page Setup och sedan Advanced.
  2. Klicka på Edit bredvid Style Rules och sedan på Add Rule.
  3. Matcha egenskapen nodeKey med jämförelsen = och värdet A.
  4. Välj Fill Color, välj blå och bekräfta med OK.

Regeln formaterar matchande former på den sidan. Varje sida har sina egna regler, och reglerna på målsidan tillämpas när former kopieras dit. Upprepa konventionen på Tall; senare ändringar av konventionen kräver att reglerna på båda sidorna uppdateras. Format som styrs av en regel kan inte ändras med den vanliga formatkontrollen medan regeln gäller. Ändra formers format med formatregler

Den aktuella dokumentationen stöder också dynamiska färgvärden via stylePlaceholders=1, däribland formatfragmentet fillColor=%color%;stylePlaceholders=1;. Det visar att färger kan följa data, men fastställer inte synkronisering av en hel kopierad form, inklusive dess länk. Se detta som ett avancerat alternativ till uttryckliga fyllningar eller sidregler. Formatreferens för AI-generering av diagram

Ange länkar separat och kontrollera deras mål

Lägg till en tredje sida med namnet Details. Högerklicka på rektangeln Node A i varje uppställning, välj Edit Link, välj Details i sidlistan och klicka på Apply. Då får båda rektanglarna samma uttryckliga mål. Dokumentationen om sidor säger också att det länkade sidnamnet uppdateras automatiskt om målsidan byter namn. Lägg till flera sidor i dina diagram

Ett delat namn räcker inte som belägg för att målen överensstämmer. Den dokumenterade egenskapen link hör till formens metadata, så kontrollera båda rektanglarna när du ändrar deras mål. Redigera metadata för former

För anpassade åtgärdslänkar beskriver draw.io hur du kopierar en åtgärdslista eller all cellmetadata. Det senare görs med Edit > Copy Data och Edit > Paste Data på fliken Style, och kopierar även annan metadata, till exempel taggar, verktygstips och platshållare. Använd den åtgärden för mål som ska få samma metadatapaket. Kopiera anpassade länkar och cellmetadata

Verifiera resultatet innan du lägger till fler layouter

Gör den här lilla acceptanskontrollen av det syntetiska diagrammet. Den skiljer delade värden från egenskaper som fortfarande kräver medvetet underhåll:

Kontroll Förväntat resultat
Ändra filegenskapen nodeAName till Node A Revised Båda platshållaretiketterna visar det uppdaterade namnet
Flytta rektangeln på Tall Den avsedda oberoende uppställningen går fortfarande att använda
Tillämpa den blå konventionen på båda sidorna Båda motsvarande rektanglarna visar den valda fyllningen
Kontrollera länken för varje rektangel Båda pekar på Details
Ändra det avsedda målet Varje berörd länk uppdateras uttryckligen och kontrolleras

Om en etikett visar %nodeAName% bokstavligen kontrollerar du att Placeholders är aktiverat och att egenskapsnamnet är korrekt. Om bara en etikett visar ett oväntat värde undersöker du formens, dess överordnades och sidans egenskaper efter ett värde som åsidosätter det andra. Detta är dokumenterade felsökningssteg för platshållare och omfattning. Arbeta med platshållare i etiketter och verktygstips, Globala anpassade egenskaper

Ersätt inte det här arbetet i Mac-programmet med ett arbetsflöde där data uppdateras från ett kalkylark. Den aktuella dokumentationen om datakällor anger uttryckligen att datakällor inte kan läsas in i draw.io för datorer. Den säger också att uppdatering sker manuellt och att länkar som anges med mallens direktiv # link inte används. Den funktionen uppfyller därför inte det begärda synkroniseringsresultatet i datorprogrammet. Fyll och skapa former från Google Kalkylark och CSV-filer

Om du bara behöver en uppställning åt gången behåller du en enda uppsättning former och arrangerar om den. Om du behöver flera permanenta layouter använder du delade namnegenskaper, en uttrycklig färgkonvention och länkar som underhålls separat. Då får du ett praktiskt resultat som går att granska och samtidigt tydliga dokumenterade begränsningar: det är inte fastställt att kopierade former automatiskt synkroniserar alla tre attributen och kan redigeras från vilken kopia som helst.

Källor