Sebagian. draw.io dapat membagikan nama melalui placeholder tingkat file dan menentukan warna dari data, tetapi dokumentasinya tidak menjelaskan sinkronisasi otomatis dua arah atas nama, warna, dan tautan antara bentuk yang disalin di halaman berbeda.

Untuk tugas di Mac desktop, keputusan utamanya adalah apakah Anda perlu menata ulang satu diagram atau mempertahankan beberapa versi dengan posisi yang diatur secara terpisah. Menerapkan tata letak akan menata ulang bentuk yang ada; mempertahankan halaman terpisah berarti ada nilai dan pengaturan terpisah yang perlu dikelola. Alur kerja di bawah ini hanya menggunakan simpul sintetis dan fitur editor yang terdokumentasi. Terapkan tata letak untuk menata ulang diagram

Jenis sinkronisasi apa yang Anda perlukan?

Misalkan tiga persegi panjang—Node A, Node B, dan Node C—ditampilkan dalam susunan melebar dan susunan memanjang. Anda ingin nama, warna isian, dan tautan tujuan setiap simpul tetap sama, sementara posisinya berbeda. Permintaan ini mencakup beberapa operasi yang berbeda:

Persyaratan Pendekatan yang terdokumentasi Batasan
Mengubah susunan bentuk yang ada Terapkan tata letak pada diagram saat ini Menata ulang objek yang ada, bukan mempertahankan tampilan paralel
Menggunakan kembali nama di berbagai halaman Rujuk properti khusus tingkat file pada label Edit properti bersama; mengedit label secara langsung adalah operasi terpisah
Mewarnai bentuk sesuai datanya Gunakan aturan gaya tingkat halaman atau placeholder gaya yang didukung Data yang cocok dan aturan yang berlaku harus dikelola
Memberi tujuan yang sama pada bentuk berulang Tetapkan tautannya secara eksplisit Label bersama tidak berarti tujuan bersama
Mengedit salinan mana pun dan menerapkan perubahan pada ketiga atribut Tidak ada alur kerja lengkap yang ditetapkan dalam dokumentasi yang dikutip Jangan menganggap duplikasi halaman sebagai sistem sinkronisasi otomatis

Perbedaan ini mengikuti cakupan yang terdokumentasi: properti file digunakan bersama di semua halaman, aturan gaya berlaku untuk masing-masing halaman, dan tautan disimpan sebagai metadata bentuk. Semuanya mendukung alur kerja pemeliharaan yang terkontrol, tetapi tidak menetapkan bahwa salinan terpisah menjadi satu objek yang dapat diedit. Properti khusus global, Ubah gaya bentuk dengan aturan gaya, Edit metadata bentuk

Gunakan satu kumpulan bentuk jika hanya susunannya yang perlu diubah

Jika Anda hanya perlu menggunakan satu susunan pada satu waktu, pertahankan satu diagram yang dapat diedit. Cara ini menghindari masalah praktis dalam mengelola salinan yang harus saling sesuai. draw.io desktop berjalan di macOS, jadi pendekatan ini tidak mengharuskan Anda memindahkan tugas ke browser. Jalankan draw.io secara offline

Buat tiga persegi panjang dan hubungkan Node A ke Node B, lalu Node B ke Node C. Tetapkan label, warna, dan tautan yang diinginkan sebelum bereksperimen dengan penempatannya. Lalu gunakan perintah tata letak yang terdokumentasi:

  1. Buka Arrange > Layout.
  2. Pilih tata letak yang sesuai, misalnya tata letak alur horizontal atau vertikal.
  3. Sesuaikan opsinya, lalu klik Apply.
  4. Periksa hasilnya. Tekan Cmd+Z untuk membatalkan susunan yang tidak sesuai.

Tata letak bekerja pada bentuk yang ada dan menggunakan koneksinya untuk menghitung penempatan. Dokumentasi tata letak saat ini juga membedakan pengaturan rute konektor saja dari tata letak yang memindahkan bentuk. Karena itu, menata ulang objek yang sama adalah cara yang didukung untuk mengubah penyajian tanpa membuat kumpulan properti lain yang perlu diselaraskan. Terapkan tata letak untuk menata diagram dengan cepat

Ada satu batasan penting: menerapkan tata letak secara bergantian bukanlah cara untuk beralih antar tampilan yang tersimpan. Dokumentasi menyebutkan bahwa tata letak dihitung dari keadaan diagram saat ini, sehingga menerapkan tata letak lain tidak akan selalu mengembalikan susunan sebelumnya secara konsisten. Jika posisi terpisah yang dapat diedit harus tetap tersedia secara persis, gunakan halaman terpisah dan pendekatan pemeliharaan di bawah ini. Terapkan tata letak untuk menata ulang diagram

Bagikan nama simpul di halaman dengan susunan terpisah

Untuk versi melebar dan memanjang yang ditampilkan bersamaan, pertahankan kedua halaman dalam satu file. Mulailah dengan halaman bernama Wide; setelah itu, duplikasikan dan beri nama salinannya Tall. Menu halaman yang terdokumentasi menyediakan Duplicate Page dan Rename Page. Duplikasi menyediakan susunan awal; konfigurasikan label bersama secara eksplisit. Tambahkan beberapa halaman ke diagram Anda

Tetapkan nama pada tingkat file

Buka File > Properties, klik Edit Data, lalu tambahkan properti ilustratif berikut:

Properti Nilai
nodeAName Node A
nodeBName Node B
nodeCName Node C

Gunakan Add Property untuk setiap entri, lalu klik Apply. Properti file tersedia di setiap halaman. Sebaliknya, mengeklik Edit Data saat tidak ada yang dipilih akan menetapkan properti untuk halaman saat ini. Perbedaan ini menentukan apakah nama dapat dibagikan di berbagai tata letak. Properti khusus global

Buat label merujuk ke nama tersebut

Pada persegi panjang pertama, tekan Cmd+M, aktifkan Placeholders, lalu klik Apply. Tetapkan labelnya ke %nodeAName%. Ulangi dengan %nodeBName% dan %nodeCName% pada persegi panjang lainnya. Mengaktifkan placeholder dan mengapit nama properti dengan tanda persen adalah cara penyiapan label yang terdokumentasi. Gunakan placeholder pada label dan tooltip

Sekarang duplikasikan halaman dan tata ulang duplikatnya. Untuk mengganti nama simpul logis nanti, ubah properti filenya. Hindari menambahkan properti dengan nama yang sama pada bentuk, kontainer, atau halaman: properti yang lebih spesifik akan menggantikan nilai file. Properti khusus global

Anggap label sebagai rujukan ke nama bersama. Untuk alur kerja ini, ubah nama melalui properti file, alih-alih mengganti label yang ditampilkan dengan teks literal.

Jaga konsistensi warna tanpa menganggap salinan saling terhubung

Untuk diagram kecil, pembaruan gaya secara eksplisit sering kali sudah cukup. Atur gaya satu persegi panjang, klik Copy Style di tab Style, pilih persegi panjang yang sesuai di halaman lain, lalu klik Paste Style. Ini menerapkan pemformatan saat Anda menjalankan perintah; ulangi setelah ada perubahan berikutnya. Gaya bentuk dan konektor harus disalin secara terpisah. Salin dan tempel gaya bentuk dan konektor

Jika yang perlu diubah hanya isiannya, gunakan kontrol warna Fill pada bentuk tujuan. Menyalin seluruh gaya dapat menerapkan pemformatan yang melebihi perubahan warna yang dimaksud. Ubah gaya bentuk

Gunakan aturan halaman untuk konvensi warna yang dapat diulang

Untuk beberapa simpul berulang, tetapkan konvensi ilustratif: semua representasi Node A berwarna biru. Beri setiap bentuk yang sesuai properti khusus bernama nodeKey dengan nilai A, menggunakan Cmd+M dan Add Property. Properti khusus didukung pada bentuk dan konektor. Edit metadata bentuk

Konfigurasikan aturan pada setiap halaman tata letak:

  1. Buka File > Page Setup, lalu Advanced.
  2. Klik Edit di samping Style Rules, lalu Add Rule.
  3. Cocokkan properti nodeKey menggunakan perbandingan = dan nilai A.
  4. Pilih Fill Color, pilih warna biru, lalu konfirmasikan dengan OK.

Aturan tersebut memberi gaya pada bentuk yang cocok di halaman itu. Setiap halaman memiliki aturannya sendiri, dan aturan di halaman tujuan berlaku saat bentuk disalin ke sana. Terapkan konvensi yang sama pada Tall; perubahan selanjutnya pada konvensi itu mengharuskan Anda memperbarui aturan di kedua halaman. Gaya yang dikendalikan oleh aturan tidak dapat diubah melalui kontrol pemformatan biasa selama aturan tersebut berlaku. Ubah gaya bentuk dengan aturan gaya

Dokumentasi saat ini juga mendukung nilai warna dinamis melalui stylePlaceholders=1, termasuk fragmen gaya fillColor=%color%;stylePlaceholders=1;. Hal ini menetapkan bahwa warna dapat mengikuti data, tetapi tidak menetapkan sinkronisasi seluruh bentuk yang disalin, termasuk tautannya. Anggap ini sebagai alternatif lanjutan untuk isian eksplisit atau aturan halaman. Referensi gaya untuk pembuatan diagram AI

Tetapkan tautan secara terpisah dan periksa tujuannya

Tambahkan halaman ketiga bernama Details. Pada persegi panjang Node A di setiap tata letak, klik kanan, pilih Edit Link, pilih Details dari daftar halaman, lalu klik Apply. Ini memberi kedua persegi panjang tujuan eksplisit yang sama. Dokumentasi halaman juga menyatakan bahwa mengganti nama halaman tujuan akan memperbarui nama halaman yang ditautkan secara otomatis. Tambahkan beberapa halaman ke diagram Anda

Nama bersama saja tidak cukup untuk memastikan bahwa tujuannya sama. Properti link yang terdokumentasi merupakan bagian dari metadata bentuk, jadi periksa kedua persegi panjang saat mengubah tujuannya. Edit metadata bentuk

Untuk tautan tindakan khusus, draw.io mendokumentasikan penyalinan daftar tindakan atau penyalinan semua metadata sel. Cara kedua menggunakan Edit > Copy Data dan Edit > Paste Data di tab Style, dan turut menyalin metadata lain seperti tag, tooltip, dan placeholder. Gunakan operasi tersebut hanya untuk target yang memang harus menerima kumpulan metadata yang sama. Salin tautan khusus dan metadata sel

Verifikasi hasilnya sebelum menambahkan tata letak lain

Lakukan pemeriksaan penerimaan sederhana ini pada diagram sintetis. Pemeriksaan ini memisahkan nilai bersama dari properti yang masih memerlukan pemeliharaan secara sengaja:

Pemeriksaan Hasil yang diharapkan
Ubah properti file nodeAName menjadi Node A Revised Kedua label placeholder menampilkan nama yang telah diperbarui
Pindahkan persegi panjang pada Tall Susunan terpisah yang diinginkan tetap dapat digunakan
Terapkan konvensi warna biru di kedua halaman Kedua persegi panjang yang sesuai menampilkan isian yang dipilih
Periksa tautan setiap persegi panjang Keduanya mengarah ke Details
Ubah tujuan yang dimaksud Setiap tautan yang terdampak diperbarui dan diperiksa secara sengaja

Jika label menampilkan %nodeAName% secara literal, periksa apakah Placeholders diaktifkan dan nama propertinya benar. Jika hanya satu label yang menampilkan nilai tak terduga, periksa properti bentuk, leluhur, dan halaman untuk menemukan nilai yang menimpanya. Ini adalah langkah pemecahan masalah cakupan dan placeholder yang terdokumentasi. Gunakan placeholder pada label dan tooltip, Properti khusus global

Jangan gunakan alur kerja penyegaran spreadsheet untuk tugas Mac desktop ini. Dokumentasi sumber data saat ini secara eksplisit menyatakan bahwa sumber data tidak dapat dimuat di draw.io desktop. Dokumentasi itu juga menyatakan bahwa penyegaran dilakukan secara manual dan tautan yang diberikan melalui direktif # link pada templat tidak digunakan. Karena itu, fitur tersebut tidak menyediakan hasil sinkronisasi desktop yang diminta. Isi dan buat bentuk dari Google Sheets dan file CSV

Jika hanya satu susunan yang diperlukan pada satu waktu, pertahankan satu kumpulan bentuk dan tata ulang. Jika beberapa tata letak harus tetap tersedia, gunakan properti nama bersama, konvensi warna yang eksplisit, dan tautan yang dikelola secara terpisah. Cara ini memberikan hasil praktis yang mudah ditinjau sekaligus memperjelas batasan yang terdokumentasi: tidak ada dasar untuk menganggap bentuk yang disalin sebagai sistem otomatis yang memungkinkan ketiga atribut diedit di mana saja.

Sumber