Częściowo. draw.io może udostępniać nazwy za pomocą symboli zastępczych na poziomie pliku i określać kolory na podstawie danych, ale dokumentacja nie potwierdza automatycznej, dwukierunkowej synchronizacji nazw, kolorów i linków między skopiowanymi kształtami na różnych stronach.

W przypadku zadania wykonywanego na Macu kluczowe jest ustalenie, czy chcesz zmienić układ jednego diagramu, czy utrzymywać kilka niezależnie rozmieszczonych wersji. Zastosowanie układu przestawia istniejące kształty; utrzymywanie osobnych stron oznacza konieczność zarządzania oddzielnymi wartościami i ustawieniami. Poniższy proces wykorzystuje wyłącznie przykładowe węzły i udokumentowane funkcje edytora. Zastosuj układy, aby przestawić diagram

Jakiej synchronizacji potrzebujesz?

Załóżmy, że trzy prostokąty — Node A, Node B i Node C — występują w układzie szerokim i wysokim. Chcesz, aby nazwa, kolor wypełnienia i link docelowy każdego węzła były takie same, mimo że ich pozycje się różnią. To wymaganie obejmuje kilka odrębnych operacji:

Wymaganie Udokumentowane podejście Ograniczenie
Zmiana rozmieszczenia istniejących kształtów Zastosowanie układu do bieżącego diagramu Przestawia istniejące obiekty, zamiast utrzymywać równoległe widoki
Ponowne wykorzystanie nazwy na różnych stronach Odwołanie do własnej właściwości pliku w etykietach Edytuj udostępnioną właściwość; bezpośrednia edycja etykiety to osobna operacja
Kolorowanie kształtów na podstawie ich danych Użycie reguł stylu na poziomie strony lub obsługiwanych symboli zastępczych stylu Trzeba utrzymywać zgodność danych i stosowanych reguł
Ustawienie tego samego celu dla powtarzających się kształtów Jawne ustawienie ich linków Wspólna etykieta nie oznacza wspólnego celu
Edycja dowolnej kopii i propagowanie wszystkich trzech atrybutów Dokumentacja, na którą się powołujemy, nie opisuje kompletnego procesu Nie traktuj duplikowania strony jako systemu automatycznej synchronizacji

Rozróżnienia te wynikają z udokumentowanego zakresu działania funkcji: właściwości pliku są współdzielone między stronami, reguły stylu należą do poszczególnych stron, a linki są zapisane jako metadane kształtu. Pozwalają one na kontrolowany proces utrzymania, ale nie potwierdzają, że osobne kopie stają się jednym edytowalnym obiektem. Globalne właściwości niestandardowe, Zmienianie stylu kształtów za pomocą reguł stylu, Edycja metadanych kształtu

Użyj jednego zestawu kształtów, jeśli chcesz zmienić tylko ich rozmieszczenie

Jeśli chcesz pracować tylko z jednym układem naraz, zachowaj jeden edytowalny diagram. Dzięki temu unikniesz praktycznego problemu utrzymywania odpowiadających sobie kopii. Aplikacja draw.io na komputer działa w systemie macOS, więc to podejście nie wymaga przenoszenia zadania do przeglądarki. Korzystanie z draw.io w trybie offline

Utwórz trzy prostokąty i połącz Node A z Node B, a następnie Node B z Node C. Nadaj im docelowe etykiety, kolory i linki, zanim zaczniesz eksperymentować z rozmieszczeniem. Następnie użyj udokumentowanego polecenia układu:

  1. Otwórz Arrange > Layout.
  2. Wybierz odpowiedni układ, na przykład poziomy lub pionowy układ przepływu.
  3. Dostosuj jego opcje i kliknij Apply.
  4. Sprawdź wynik. Naciśnij Cmd+Z, aby cofnąć nieodpowiedni układ.

Układy działają na istniejących kształtach i wykorzystują ich połączenia do obliczenia rozmieszczenia. Aktualna dokumentacja układów odróżnia też prowadzenie samych łączników od układów, które przesuwają kształty. Dlatego przestawianie tych samych obiektów to obsługiwany sposób zmiany prezentacji bez tworzenia kolejnego zestawu właściwości wymagających uzgodnienia. Szybko porządkuj diagramy, stosując układy

Istnieje jedno istotne ograniczenie: kolejne zastosowania układów nie przełączają między zapisanymi widokami. Dokumentacja mówi, że układy są obliczane na podstawie bieżącego stanu diagramu, więc ponowne zastosowanie innego układu nie odtwarza konsekwentnie wcześniejszej struktury. Jeśli musisz zachować dokładne, osobno edytowalne rozmieszczenia, użyj osobnych stron i opisanego niżej podejścia do ich utrzymywania. Zastosuj układy, aby przestawić diagram

Udostępniaj nazwy węzłów między stronami o niezależnych układach

Jeśli potrzebujesz jednocześnie wersji szerokiej i wysokiej, umieść obie strony w jednym pliku. Zacznij od strony o nazwie Wide; później zduplikuj ją i nazwij kopię Tall. Menu strony zawiera udokumentowane polecenia Duplicate Page i Rename Page. Duplikat zapewnia układ początkowy; skonfiguruj udostępniane etykiety jawnie. Dodawanie wielu stron do diagramów

Definiowanie nazw na poziomie pliku

Otwórz File > Properties, kliknij Edit Data i dodaj następujące przykładowe właściwości:

Właściwość Wartość
nodeAName Node A
nodeBName Node B
nodeCName Node C

Dla każdego wpisu użyj Add Property, a następnie kliknij Apply. Właściwości pliku są dostępne na każdej stronie. Dla porównania: kliknięcie Edit Data, gdy nic nie jest zaznaczone, definiuje właściwości bieżącej strony. To rozróżnienie decyduje o tym, czy nazwy można udostępniać między układami. Globalne właściwości niestandardowe

Odwołanie do tych nazw w etykietach

Na pierwszym prostokącie naciśnij Cmd+M, włącz Placeholders i kliknij Apply. Ustaw jego etykietę na %nodeAName%. Powtórz tę czynność dla %nodeBName% i %nodeCName% na pozostałych prostokątach. Włączenie symboli zastępczych i ujęcie nazwy właściwości w znaki procentu to udokumentowany sposób konfiguracji etykiety. Praca z symbolami zastępczymi w etykietach i podpowiedziach

Teraz zduplikuj stronę i zmień układ duplikatu. Aby później zmienić nazwę węzła logicznego, edytuj jego właściwość pliku. Nie dodawaj właściwości o tej samej nazwie do kształtu, kontenera ani strony: bardziej szczegółowa właściwość zastępuje wartość z pliku. Globalne właściwości niestandardowe

Traktuj etykietę jako odwołanie do udostępnianej nazwy. W tym procesie zmieniaj nazwy we właściwościach pliku, zamiast zastępować wyświetlaną etykietę zwykłym tekstem.

Zachowaj spójność kolorów bez zakładania, że kopie są powiązane

W przypadku małego diagramu często wystarczy jawna aktualizacja stylu. Zmień styl jednego prostokąta, kliknij Copy Style na karcie Style, zaznacz odpowiadający mu prostokąt na innej stronie i kliknij Paste Style. W ten sposób zastosujesz formatowanie w chwili wykonania polecenia; powtarzaj tę czynność po kolejnych zmianach. Style kształtów i łączników trzeba kopiować osobno. Kopiowanie i wklejanie stylów kształtów i łączników

Jeśli zmienić ma się tylko wypełnienie, użyj kontrolki koloru Fill na docelowym kształcie. Kopiowanie całego stylu może zastosować więcej formatowania, niż wymaga zmiana samego koloru. Zmienianie stylu kształtów

Powtarzalna konwencja kolorów za pomocą reguł strony

W przypadku kilku powtarzających się węzłów ustal przykładową konwencję: wszystkie reprezentacje Node A mają być niebieskie. Każdemu odpowiadającemu kształtowi nadaj własną właściwość o nazwie nodeKey i wartości A, używając Cmd+M i Add Property. Własne właściwości są obsługiwane w kształtach i łącznikach. Edycja metadanych kształtu

Skonfiguruj regułę na każdej stronie układu:

  1. Otwórz File > Page Setup, a następnie Advanced.
  2. Kliknij Edit obok Style Rules, a następnie Add Rule.
  3. Dopasuj właściwość nodeKey za pomocą porównania = i wartości A.
  4. Wybierz Fill Color, ustaw niebieski i zatwierdź przyciskiem OK.

Reguła nadaje styl pasującym kształtom na danej stronie. Każda strona ma własne reguły, a reguły strony docelowej obowiązują w przypadku skopiowanych tam kształtów. Powtórz konwencję na stronie Tall; późniejsze zmiany konwencji będą wymagały aktualizacji reguł na obu stronach. Gdy obowiązuje reguła, stylu sterowanego tą regułą nie można zmienić za pomocą zwykłej kontrolki formatowania. Zmienianie stylu kształtów za pomocą reguł stylu

Aktualna dokumentacja obsługuje też dynamiczne wartości kolorów za pomocą stylePlaceholders=1, w tym fragment stylu fillColor=%color%;stylePlaceholders=1;. Potwierdza to, że kolory mogą zależeć od danych, ale nie oznacza synchronizacji całego skopiowanego kształtu, wraz z linkiem. Potraktuj tę metodę jako zaawansowaną alternatywę dla jawnego ustawiania wypełnień lub reguł strony. Dokumentacja stylów dla diagramów generowanych przez AI

Ustaw linki osobno i sprawdzaj ich cele

Dodaj trzecią stronę o nazwie Details. Na prostokącie Node A w każdym układzie kliknij prawym przyciskiem myszy, wybierz Edit Link, wybierz Details z listy stron i kliknij Apply. W ten sposób oba prostokąty otrzymają ten sam jawnie określony cel. Dokumentacja stron stwierdza też, że zmiana nazwy strony docelowej automatycznie aktualizuje nazwę strony w jej linkach. Dodawanie wielu stron do diagramów

Sama wspólna nazwa nie wystarcza, by stwierdzić, że cele linków są takie same. Udokumentowana właściwość link należy do metadanych kształtu, więc przy zmianie celu sprawdź oba prostokąty. Edycja metadanych kształtu

W przypadku własnych linków akcji draw.io opisuje kopiowanie listy akcji lub kopiowanie wszystkich metadanych komórki. Ta druga metoda używa poleceń Edit > Copy Data i Edit > Paste Data na karcie Style; kopiuje również inne metadane, takie jak tagi, podpowiedzi i symbole zastępcze. Stosuj tę operację do elementów docelowych, które mają otrzymać taki sam zestaw metadanych. Kopiowanie własnych linków i metadanych komórki

Sprawdź wynik przed dodaniem kolejnych układów

Przeprowadź ten krótki test akceptacyjny na przykładowym diagramie. Pozwoli odróżnić udostępniane wartości od właściwości, które nadal wymagają celowego utrzymywania:

Test Oczekiwany wynik
Zmień właściwość pliku nodeAName na Node A Revised Obie etykiety z symbolami zastępczymi wyświetlają zmienioną nazwę
Przesuń prostokąt na stronie Tall Niezależny układ pozostaje użyteczny
Zastosuj niebieską konwencję na obu stronach Oba odpowiadające prostokąty mają wybrane wypełnienie
Sprawdź link każdego prostokąta Oba prowadzą do Details
Zmień docelowe miejsce Każdy zmieniany link zostaje celowo zaktualizowany i sprawdzony

Jeśli etykieta wyświetla dosłownie %nodeAName%, sprawdź, czy włączono Placeholders i czy nazwa właściwości jest prawidłowa. Jeśli tylko jedna etykieta pokazuje nieoczekiwaną wartość, sprawdź właściwości jej kształtu, elementu nadrzędnego i strony pod kątem wartości, które mogą nadpisywać właściwość pliku. Są to udokumentowane kroki rozwiązywania problemów z symbolami zastępczymi i zakresem właściwości. Praca z symbolami zastępczymi w etykietach i podpowiedziach, Globalne właściwości niestandardowe

Nie zastępuj procesu pracy na Macu procedurą odświeżania arkusza kalkulacyjnego. Aktualna dokumentacja źródeł danych wyraźnie stwierdza, że w aplikacji draw.io na komputer nie można wczytywać źródeł danych. Mówi też, że odświeżanie odbywa się ręcznie, a linki podane za pomocą dyrektywy # link w szablonie nie są używane. Ta funkcja nie zapewnia więc oczekiwanego efektu synchronizacji na komputerze. Wypełnianie i tworzenie kształtów z plików Google Sheets i CSV

Jeśli potrzebujesz jednego układu naraz, zachowaj jeden zestaw kształtów i przestawiaj go. W przypadku kilku trwałych układów używaj wspólnych właściwości nazw, jawnej konwencji kolorów i osobno utrzymywanych linków. Dzięki temu uzyskasz praktyczny i łatwy do sprawdzenia rezultat, zachowując jasne ograniczenie opisane w dokumentacji: nie potwierdzono, że skopiowane kształty tworzą system, w którym można edytować dowolną kopię, a zmiany wszystkich trzech atrybutów są automatycznie przenoszone.

Źródła