För att hålla draw.io-kopplingar fästa på Mac ansluter du ändarna till formerna och kontrollerar den markerade fästpunkten innan du släpper. Använd fasta anslutningar när varje ände måste sitta på en viss punkt; använd flytande anslutningar när fästpunkten får flyttas runt formens kant. Officiell guide till kopplingar

Den här guiden fokuserar på att ändra placeringen av ett enkelt diagram i draw.io på en Mac: tre rektanglar med etiketterna Node A, Node B och Node C, sammankopplade i följd. Målet är att flytta enskilda noder och samtidigt behålla anslutningarna, och sedan justera linjernas banor vid behov.

Välj om kopplingen ska behålla samma fästpunkt

draw.io har stöd för två typer av fästen. En fast anslutning sitter kvar på en viss punkt på en form när du flyttar den. En flytande anslutning förblir fäst, men kan flyttas runt kanten när formens position eller kopplingens bana ändras. Ändarna kan använda olika typer av fästen. Fasta och flytande anslutningar

Innan du ändrar något bör du bestämma vad ”förblir fäst” innebär för ditt diagram:

Önskat resultat Välj denna typ av fäste Kontrollera efter flytten
Linjen följer noden och kan byta sida Flytande Att änden fortfarande möter avsedd nod
Linjen använder alltid en viss punkt, till exempel mittpunkten på höger sida Fast Att änden sitter kvar på den punkten
En nod behöver en specifik fästpunkt, medan den andra kan anpassas Fast i ena änden, flytande i den andra Kontrollera ändarna var för sig

Valen följer de fästbeteenden som beskrivs i draw.io:s jämförelse av kopplingar.

Ett användbart sätt att felsöka är att skilja mellan tre observationer: en ändpunkt blir kvar, en ändpunkt byter sida eller linjen får en besvärlig böj. Det andra kan vara normalt för en flytande anslutning. Det tredje gäller linjedragningen. Kontrollera fästet först, så slipper du lägga tid på att ändra formen på en linje vars ändpunkt fortfarande behöver anslutas.

Skapa fasta anslutningar som följer formerna

Placera Node A, Node B och Node C på en vågrät rad i exempeldiagrammet. Planera att ansluta punkten på höger sida av Node A till punkten på vänster sida av Node B, och gör sedan samma sak mellan Node B och Node C. Det här är ett illustrativt exempel, inte ett rapporterat test av programmet.

Visa fästpunkter på Mac

Klicka på ett tomt område så att inget är markerat. Kontrollera att Connection Points är aktiverat på formatpanelen under fliken Diagram. I klassiskt läge kan du också använda View > Connection Points. Den dokumenterade Mac-genvägen är Option+Shift+O; den växlar visningen, så kontrollera resultatet i stället för att trycka flera gånger. Håll pekaren över en form och leta efter de små kryssen. Kontroller för visning av fästpunkter

Anslut noderna med de markerade punkterna

  1. Håll pekaren över Node A och leta upp fästpunkten på formens högra kant.
  2. Flytta pekaren till punkten tills den markeras grönt och dra sedan från den mot Node B.
  3. Håll pekaren över fästpunkten på vänster sida av Node B.
  4. Släpp när punkten markeras grönt.
  5. Upprepa från punkten på höger sida av Node B till punkten på vänster sida av Node C.

Detta följer den dokumenterade proceduren för att rita fasta kopplingar. Den fasta änden på den markerade kopplingen visas med ett grönt kryss. Rita fasta kopplingar

Markera nu Node B och dra den i själva formen till en ny position under raden. Låt Node A och Node C vara kvar. Enligt dokumentationen sitter ändarna på en fast anslutning kvar på de valda fästpunkterna när du flyttar formen. Markera och dra själva formen, inte ett kopplingshandtag, när du gör den här kontrollen. Flytta former och kontrollera fasta anslutningar

Kontrollera båda kopplingarna var för sig. I det avsedda exemplet ska den ena fortfarande ansluta Node A till Node B och den andra fortfarande ansluta Node B till Node C. Att flytta en enda nod är ett praktiskt test: om du flyttar hela diagrammet samtidigt får du mindre information om huruvida varje ändpunkt följer sin egen nod.

Reparera en ändpunkt som bara verkar ligga mot en form

Om en kopplingsände blir kvar när du gör flyttestet ska du först kontrollera den änden. Markera kopplingen, dra ändpunkten till den avsedda formens fästpunkt och släpp när punkten markeras grönt. Upprepa vid den andra änden vid behov. Enligt dokumentationen kan du ansluta former genom att släppa en dragen kopplingsände på en fästpunkt. Fäst kopplingsändar vid fästpunkter

För en flytande anslutning drar du ändpunkten över den avsedda formen och släpper när formens kontur är blå. Den flytande ändpunkten visas som en blå cirkel. Utgå från den synliga återkopplingen i stället för att enbart bedöma om linjen verkar möta kanten. Indikatorer för flytande anslutningar

När du har anslutit ändpunkten igen flyttar du bara målnoden en gång till. Om ändpunkten följer med men byter sida får du avgöra om den flexibiliteten passar diagrammet. Om ändpunkten måste sitta kvar på vänster eller höger kant ska du fästa den vid motsvarande fasta punkt.

Använd anpassade fästpunkter när standardpunkterna inte passar

Om en form saknar en lämplig punkt öppnar du dess snabbmeny och väljer Edit Connection Points. Den dokumenterade Mac-genvägen är Option+Shift+K. Dubbelklicka där du vill lägga till en punkt i den visuella redigeraren; aktiverad rutnätsfästning påverkar dess position. Använd sedan den punkten för kopplingen. Kommandot Add Connection Point i snabbmenyn är ett annat alternativ, men enligt dokumentationen är det inte tillgängligt för roterade eller spegelvända former. Redigera en forms fästpunkter

För den här uppgiften använder du synliga punkter utan att hålla ned modifieringstangenter när du fäster kopplingar. Den officiella sidan om fästpunkter och sidan om genvägar med modifieringstangenter beskriver olika beteenden för Alt och Shift när ändpunkter släpps. På Mac motsvarar Alt Option enligt genvägsreferensen. Med proceduren för synliga punkter undviker du att behöva förlita dig på de motstridiga anvisningarna. Anvisningar om fästpunkter, referens för modifieringstangenter

Rätta till böjar när du har kontrollerat att ändarna sitter fast

En fast anslutning styr var en koppling möter en form. Kopplingens mellanliggande bana styrs separat med brytpunkter och linjedragning. Markerade kopplingar visar handtag för brytpunkter, och när du flyttar handtagen ändras banan. En fast ände sitter kvar på sin fästpunkt, medan en flytande ände kan flyttas runt kanten vid sådana redigeringar. Kopplingars banor och brytpunkter

Om en gammal omväg inte längre hjälper markerar du bara den berörda kopplingen. Öppna Arrange på formatpanelen, välj Reset och sedan Waypoints. Då får kopplingen en rakare bana. När du återställer brytpunkterna ligger kopplingens etiketter kvar, så kontrollera dem efteråt. Använd Reset > Label Positions vid behov; låsta etiketter behåller sina positioner. Återställ brytpunkter och etiketter

Om du vill skapa en medvetet formad bana markerar du kopplingen och aktiverar Follow Terminals i avsnittet Effects på fliken Style. Enligt draw.io flyttar det här alternativet manuellt placerade brytpunkter när en ansluten form flyttas. Kontrollera den nya banan efter omplaceringen; att behålla fästa ändpunkter och en användbar bana är två separata krav. Flytta brytpunkter med anslutna former

Om du vill att banorna ska anpassas runt andra former markerar du kopplingen och väljer Style > Waypoints > Auto-route around shapes. Enligt dokumentationen uppdateras linjedragningen när anslutna former flyttas eller ändrar storlek. Om du drar kopplingen manuellt för att lägga till brytpunkter stängs den automatiska linjedragningen av. Automatisk linjedragning har inte heller någon effekt i behållare som automatiskt arrangerar sitt innehåll. Automatisk linjedragning och dess begränsningar

Undvik inställningar som löser ett annat problem

Snap to Point gör att en koppling använder den närmaste definierade fästpunkten när former eller kopplingar flyttas. Eftersom den närmaste punkten kan ändras är det här användbart när du vill kunna välja fästpunkter men låta ändpunkten växla mellan dem. Använd en fast anslutning om ändpunkten måste sitta kvar på en viss punkt. Så fungerar fästning vid fästpunkter

På samma sätt drar det dokumenterade kommandot Arrange > Layout > Orthogonal Routing om kopplingarna en gång; det aktiverar inte automatisk linjedragning som fortsätter att uppdateras. Välj det för en engångsjustering och välj Auto-route around shapes om du vill att senare flyttar ska skapa nya banor. Engångsjustering och automatisk linjedragning

Avsluta genom att flytta Node B på egen hand, kontrollera alla fyra kopplingsändar och sedan granska böjar och etiketter. Då får du en tydlig kontrollpunkt: de avsedda noderna är fortsatt anslutna, fasta ändar sitter kvar på sina valda punkter och banorna är lättlästa i den nya placeringen.

Källor