Aby zmienić trasę łączników draw.io po przesunięciu kształtów, użyj opcji Auto-route around shapes, która automatycznie omija przeszkody. W przypadku innych linii łączników użyj ręcznych punktów pośrednich, aby utworzyć osobne trasy, albo skoków linii, aby wyraźnie zaznaczyć skrzyżowania.

Wybierz oczekiwany sposób prowadzenia trasy

Ten poradnik jest przeznaczony dla osób edytujących istniejący diagram w aplikacji draw.io Desktop na Macu. Celem jest przywrócenie czytelnych połączeń po zmianie układu kształtów przy zachowaniu połączenia każdego łącznika z właściwymi węzłami.

Najpierw ustal, co blokuje trasę. Łącznik przechodzący przez prostokąt wymaga innego rozwiązania niż dwa łączniki krzyżujące się w pustej przestrzeni. Oficjalna dokumentacja opisuje automatyczne prowadzenie tras wokół kształtów; nie gwarantuje automatycznego eliminowania wszystkich skrzyżowań łączników ani wspólnych odcinków. Aby poprowadzić konkretną trasę wokół innej linii, użyj ręcznych punktów pośrednich. Jeśli skrzyżowanie jest dopuszczalne, użyj skoków linii. Zobacz dokumentację automatycznego prowadzenia tras i dokumentację stylów łączników w draw.io.

W całym poradniku posłużymy się przykładem: umieść Node A po lewej, a Node B po prawej, i połącz je łącznikiem. Między tymi węzłami umieść Node C jako przeszkodę. Dodaj drugi łącznik między Node D u góry a Node E na dole. Pierwszy problem polega na ominięciu Node C; w drugim trzeba zdecydować, jak oba łączniki mają się minąć.

Przygotuj edytor na Macu

Otwórz diagram i zaznacz łącznik, którego trasę chcesz poprawić. Jeśli panel formatowania jest ukryty, wybierz View > Format lub naciśnij Cmd+Shift+P. Opcje prowadzenia tras znajdziesz w jego karcie Style. Te opcje panelu i skrót na Macu opisano w artykule Stylizowanie diagramu.

Jeśli brakuje opcji automatycznego prowadzenia tras, sprawdź dostępność aktualizacji aplikacji, wybierając Help > Check for Updates, a następnie postępuj zgodnie z instrukcjami. To opisana procedura aktualizacji draw.io Desktop. Funkcja automatycznego omijania kształtów pojawiła się w ogłoszeniu draw.io z 13 października 2026 r. o aktualizacji łączników, więc starsze instrukcje mogą opisywać inny sposób pracy.

Automatycznie prowadź łączniki wokół kształtów

  1. Zaznacz łącznik między Node A a Node B.
  2. Otwórz kartę Style w panelu formatowania.
  3. Rozwiń menu Waypoints.
  4. Wybierz Auto-route around shapes.

Powstała trasa składa się z zakrętów pod kątem prostym. Oficjalny poradnik aktualizacji łączników opisuje te kroki i wyjaśnia, że trasy są aktualizowane po przesunięciu, zmianie rozmiaru lub obróceniu połączonych kształtów, ich wyrównaniu lub rozmieszczeniu, a także po przesunięciu kształtu na trasę lub poza nią.

W przykładzie przesuń Node C przez przestrzeń między Node A a Node B. Obserwuj trasę podczas przeciągania i po zwolnieniu przycisku myszy. Sprawdź konkretnie, czy łącznik omija przeszkodę i nadal dociera do właściwych węzłów. Zrób to przed poprawianiem drugiego łącznika, aby każda zmiana miała jeden jasny cel.

Jeśli chcesz zachować automatyczne prowadzenie trasy, nie przeciągaj samego łącznika. Ręczna zmiana jego przebiegu wyłącza automatyczne prowadzenie dla tego łącznika. To zachowanie opisano w tym samym ogłoszeniu. Jeśli później zechcesz ponownie włączyć automatyczne omijanie kształtów, wybierz opcję automatycznego prowadzenia jeszcze raz.

Istnieje udokumentowany wyjątek: automatyczne prowadzenie tras nie działa w przypadku łączników wewnątrz kontenerów, które automatycznie rozmieszczają swoją zawartość, takich jak kształty list lub układów. Zanim zaczniesz wielokrotnie zmieniać ustawienia łącznika, który wydaje się nie reagować, sprawdź, czy dotyczy go ten warunek. Zobacz Automatyczne prowadzenie łączników wokół kształtów.

Jednorazowo zmień trasę, pozostawiając kształty na miejscu

Jeśli pozycje węzłów na diagramie są już ustalone, przydatniejsze od ciągłych aktualizacji może być jednorazowe wyznaczenie tras.

  1. Zaznacz łączniki do poprawienia. Jeśli nic nie jest zaznaczone, operacja zmieni trasę wszystkich łączników.
  2. Wybierz Arrange > Layout > Orthogonal Routing.
  3. Wprowadź żądaną wartość Spacing między łącznikami a kształtami.
  4. Kliknij OK.

Ta operacja pozostawia kształty na miejscu i tworzy łączniki ortogonalne z punktami pośrednimi. Nie sprawia, że trasy łączników będą później aktualizowane automatycznie. Procedurę i jej zakres opisano w artykule Jednorazowa zmiana tras za pomocą układu Orthogonal Routing.

Wybierz odstęp tak, jak wybiera się element układu. W naszym przykładzie sprawdź odstęp wokół Node C, a następnie przyjrzyj się sąsiedniemu łącznikowi i etykietom. Większy odstęp może poprawić czytelność w jednym miejscu, ale jednocześnie wydłużyć całą trasę. Oceń efekt na diagramie i nie zakładaj, że jeden odstęp będzie pasował do każdego układu.

Ręcznie poprowadź trasę wokół innego łącznika

Gdy pierwszy łącznik musi ominąć drugi konkretnym korytarzem, ręcznie wyznacz jego trasę:

  1. Zaznacz łącznik do poprawienia.
  2. Przeciągnij niebieski uchwyt lub fragment łącznika w stronę wybranego korytarza.
  3. Możesz też kliknąć prawym przyciskiem myszy między istniejącymi punktami pośrednimi i wybrać Add Waypoint.
  4. Aby precyzyjnie umieścić punkty, otwórz Arrange, rozwiń Waypoints i zmień współrzędne Left oraz Top każdego punktu.

Dodanie ręcznych punktów pośrednich wyłącza automatyczne prowadzenie tras. Te opcje opisano w artykule Zmiana przebiegu łącznika za pomocą punktów pośrednich.

W przypadku Node A i Node B wyobraź sobie pusty korytarz poniżej Node C. Poprowadź łącznik w dół do tego korytarza, wzdłuż niego, a następnie z powrotem w stronę Node B. Potem prześledź całą trasę. Odsunięcie jednego odcinka od pionowego łącznika może spowodować nowe skrzyżowanie w innym miejscu, dlatego po lokalnym objazdzie trzeba sprawdzić całą trasę.

Jeśli pozycje węzłów nie pozostawiają użytecznego korytarza, rozważ przesunięcie jednego z nich, aby go utworzyć. Punkty pośrednie pozwalają określić trasę, ale diagram nadal musi mieć wystarczająco dużo wolnej przestrzeni, by trasa pozostała czytelna.

Aby usunąć stary objazd, kliknij łącznik prawym przyciskiem myszy i wybierz Clear Waypoints. Łącznik wróci do najkrótszej trasy między kształtami; nie oznacza to, że będzie omijał przeszkody. Etykiety pozostaną na miejscu, więc po zresetowaniu sprawdź ich położenie. Zobacz tę samą dokumentację punktów pośrednich.

Oznacz nieuniknione skrzyżowania skokami linii

Jeśli łączniki poziomy i pionowy mogą się krzyżować, zaznacz jeden z nich i użyj opcji Line jumps na karcie Style. Dostępne sposoby wyświetlania to arc, gap i sharp, a także domyślny overlapped. Te opcje opisano w artykule Stylizowanie łączników.

Skok linii zmienia sposób wyświetlania skrzyżowania, ale nie tworzy osobnego korytarza. Użyj go, jeśli samo skrzyżowanie jest dopuszczalne. Jeśli dwa łączniki mają wspólny odcinek, ręcznie poprowadź objazd, aby czytelnicy mogli niezależnie prześledzić każde połączenie.

Zadbaj o użyteczność poprawionej trasy po kolejnej edycji

W przypadku ręcznie poprowadzonych łączników zdecyduj, czy zakręty mają pozostawać blisko otaczającego diagramu, czy przemieszczać się wraz z połączonymi węzłami. Aby punkty pośrednie przesuwały się razem z końcami, zaznacz łącznik i włącz Follow Terminals w Style > Effects. Łączniki ortogonalne zachowują zakręty pod kątem prostym. To zachowanie opisano w poradniku aktualizacji łączników.

Zanim dodasz kolejne zakręty, sprawdź też punkty końcowe. Łączniki swobodne mogą przesuwać się wzdłuż obwodu kształtu, a łączniki stałe pozostają przyczepione do konkretnych punktów. Ta różnica może wyjaśniać niezręczny sposób, w jaki łącznik dochodzi do węzła. Oficjalny poradnik łączników opisuje oba rodzaje mocowania.

Na koniec prześledź każdy łącznik od początku do końca. Osobno sprawdź odstęp od przeszkód, skrzyżowania, wspólne odcinki i położenie etykiet. W naszym przykładzie połączenie między Node A a Node B powinno być łatwe do prześledzenia wokół Node C, a jego relacja z połączeniem między Node D a Node E powinna być czytelna. Wybierz automatyczne prowadzenie, ręczny korytarz lub widoczne skrzyżowanie w zależności od tego, jaki efekt ma zostać osiągnięty.

Źródła