Untuk menjaga konektor draw.io tetap terhubung di Mac, sambungkan ujung-ujungnya ke bentuk dan periksa titik sambungan yang disorot sebelum melepasnya. Gunakan sambungan tetap saat setiap ujung harus tetap berada di titik tertentu; gunakan sambungan mengambang saat titik sambungan boleh berpindah di sepanjang tepi bentuk. Panduan resmi konektor

Panduan ini berfokus pada penataan ulang diagram sederhana di draw.io pada Mac: tiga persegi panjang berlabel Node A, Node B, dan Node C, yang terhubung secara berurutan. Tujuannya adalah memindahkan tiap simpul sambil mempertahankan sambungannya, lalu menyesuaikan jalur garis jika perlu.

Pilih apakah konektor harus mempertahankan titik sambungan yang sama

draw.io mendukung dua perilaku sambungan. Sambungan tetap berada di titik tertentu pada bentuk saat bentuk dipindahkan. Sambungan mengambang tetap terhubung, tetapi dapat berpindah di sepanjang tepi bentuk saat posisi bentuk atau rute konektor berubah. Tiap ujung dapat menggunakan perilaku yang berbeda. Sambungan tetap dan mengambang

Sebelum mengubah apa pun, tentukan arti “tetap terhubung” untuk diagram Anda:

Hasil yang diinginkan Sambungan yang dipilih Hal yang diperiksa setelah dipindahkan
Garis mengikuti simpul, dengan keleluasaan berpindah sisi Mengambang Ujungnya masih bertemu dengan simpul yang dimaksud
Garis selalu menggunakan titik tertentu, seperti titik tengah sisi kanan Tetap Ujungnya tetap berada di titik tersebut
Satu simpul memerlukan sambungan tertentu, sedangkan simpul lainnya boleh menyesuaikan Tetap di satu ujung, mengambang di ujung lainnya Periksa tiap ujung secara terpisah

Pilihan ini mengikuti perilaku sambungan yang dijelaskan dalam perbandingan konektor draw.io.

Cara diagnosis yang berguna adalah membedakan tiga hal yang terlihat: titik ujung tertinggal, titik ujung berpindah sisi, atau garis membentuk tekukan yang janggal. Hal kedua bisa merupakan perilaku mengambang yang normal. Hal ketiga berkaitan dengan rute. Periksa sambungan terlebih dahulu agar Anda tidak membuang waktu mengubah bentuk garis yang ujungnya masih perlu disambungkan kembali.

Buat sambungan tetap yang mengikuti bentuk Anda

Untuk diagram contoh, susun Node A, Node B, dan Node C dalam satu baris horizontal. Rencanakan untuk menyambungkan titik di sisi kanan Node A ke titik di sisi kiri Node B, lalu ulangi antara Node B dan Node C. Ini adalah susunan ilustratif, bukan hasil pengujian aplikasi.

Tampilkan titik sambungan di Mac

Klik area kosong agar tidak ada yang dipilih. Di tab Diagram pada panel format, pastikan Connection Points diaktifkan. Dalam mode Classic, Anda juga dapat menggunakan View > Connection Points. Pintasan Mac yang didokumentasikan adalah Option+Shift+O; pintasan ini mengaktifkan atau menonaktifkan tampilan, jadi periksa hasilnya alih-alih menekannya berulang kali. Arahkan kursor ke bentuk untuk mencari tanda silang kecil. Kontrol tampilan titik sambungan

Sambungkan simpul menggunakan titik yang disorot

  1. Arahkan kursor ke Node A dan temukan titik sambungan di tepi kanannya.
  2. Arahkan ke titik tersebut hingga disorot hijau, lalu seret dari titik itu ke arah Node B.
  3. Arahkan kursor ke titik sambungan di sisi kiri Node B.
  4. Lepaskan saat titik itu disorot hijau.
  5. Ulangi dari titik di sisi kanan Node B ke titik di sisi kiri Node C.

Langkah ini mengikuti prosedur yang didokumentasikan untuk menggambar konektor tetap. Ujung tetap pada konektor yang dipilih ditandai dengan tanda silang hijau. Gambar konektor tetap

Sekarang pilih dan seret Node B dari badannya ke posisi baru di bawah barisan. Biarkan Node A dan Node C di tempatnya. Menurut perilaku sambungan tetap yang didokumentasikan, ujung konektor tetap berada di titik sambungan yang dipilih saat bentuk dipindahkan. Untuk melakukan pemeriksaan ini, pilih dan seret bentuk itu sendiri, bukan gagang konektor. Pindahkan bentuk dan periksa sambungan tetap

Periksa kedua konektor secara terpisah. Pada contoh ini, konektor yang satu seharusnya tetap menghubungkan Node A ke Node B, dan konektor lainnya tetap menghubungkan Node B ke Node C. Memindahkan satu simpul saja merupakan uji praktis yang berguna: memindahkan seluruh susunan sekaligus memberi lebih sedikit informasi tentang apakah tiap ujung mengikuti simpulnya sendiri.

Perbaiki ujung yang hanya tampak menyentuh bentuk

Jika ujung konektor tertinggal saat pengujian pemindahan, periksa ujung tersebut terlebih dahulu. Pilih konektor, seret ujungnya ke titik sambungan pada bentuk yang dimaksud, lalu lepaskan saat titik itu disorot hijau. Ulangi di ujung lainnya jika perlu. draw.io mendokumentasikan bahwa melepaskan ujung konektor yang diseret pada titik sambungan dapat digunakan untuk menghubungkan bentuk. Sambungkan ujung konektor ke titik sambungan

Untuk sambungan mengambang, seret ujung ke target yang dimaksud dan lepaskan saat garis tepi bentuk berwarna biru. Ujung mengambang ditampilkan sebagai lingkaran biru. Gunakan petunjuk visual ini alih-alih hanya menilai sambungan dari apakah garis tampak mencapai tepi bentuk. Indikator sambungan mengambang

Setelah menyambungkan kembali, pindahkan hanya simpul target sekali lagi. Jika ujungnya mengikuti tetapi berpindah sisi, tentukan apakah fleksibilitas itu cocok untuk diagram. Jika ujung harus tetap di tepi kiri atau kanan, sambungkan ke titik tetap yang sesuai.

Gunakan titik sambungan khusus jika titik bawaan tidak sesuai

Jika suatu bentuk tidak memiliki titik yang sesuai, buka menu konteksnya dan pilih Edit Connection Points. Pintasan Mac yang didokumentasikan adalah Option+Shift+K. Di editor visual, klik dua kali di lokasi yang Anda inginkan untuk menambahkan titik; kisi yang aktif memengaruhi posisinya. Lalu gunakan titik tersebut untuk konektor. Perintah menu konteks langsung Add Connection Point juga dapat digunakan, tetapi dokumentasi menyebutkan bahwa perintah tersebut tidak tersedia untuk bentuk yang diputar atau dibalik. Edit titik sambungan bentuk

Untuk tugas ini, gunakan titik yang terlihat tanpa menahan tombol pengubah saat menyambungkan. Halaman resmi titik sambungan dan halaman pintasan tombol pengubah memberikan penjelasan yang bertentangan tentang penggunaan Alt dan Shift saat melepaskan ujung konektor. Di Mac, referensi pintasan memetakan Alt ke Option. Prosedur menggunakan titik yang terlihat menghindari ketergantungan pada panduan yang saling bertentangan tersebut. Petunjuk titik sambungan, referensi tombol pengubah

Perbaiki tekukan setelah memastikan ujungnya tersambung

Sambungan tetap mengendalikan lokasi konektor bertemu dengan bentuk; jalur perantara konektor dikendalikan secara terpisah melalui titik antara dan perutean. Konektor yang dipilih menampilkan gagang titik antara, dan menggesernya akan mengubah jalur. Ujung tetap berada di titik sambungannya, sementara ujung mengambang dapat berpindah di sepanjang tepi saat penyuntingan tersebut. Jalur konektor dan titik antara

Jika jalur memutar yang lama sudah tidak membantu, pilih hanya konektor yang terdampak. Di panel format, buka Arrange, pilih Reset, lalu pilih Waypoints. Ini mengembalikan konektor ke rute yang lebih langsung. Mengatur ulang titik antara akan membiarkan label konektor di tempatnya, jadi periksa label setelahnya. Jika perlu, gunakan Reset > Label Positions; label yang dikunci tetap pada posisinya. Atur ulang titik antara dan label

Untuk rute yang sengaja dibentuk, pilih konektor dan aktifkan Follow Terminals di bagian Effects pada tab Style. draw.io mendokumentasikan opsi ini untuk memindahkan titik antara yang diatur secara manual saat bentuk yang terhubung dipindahkan. Periksa rute yang dihasilkan setelah pemindahan; mempertahankan sambungan ujung dan menjaga jalur tetap berguna adalah dua persyaratan yang berbeda. Pindahkan titik antara bersama bentuk yang terhubung

Jika Anda ingin rute menyesuaikan diri di sekitar bentuk lain, pilih konektor lalu pilih Style > Waypoints > Auto-route around shapes. Menurut dokumentasi, perutean akan diperbarui saat bentuk yang terhubung dipindahkan atau diubah ukurannya. Menyeret konektor secara manual untuk menambahkan titik antara akan menonaktifkan perutean otomatis. Perutean otomatis juga tidak berpengaruh di dalam wadah yang mengatur isi secara otomatis. Perutean otomatis dan batasannya

Hindari pengaturan yang menyelesaikan masalah lain

Snap to Point membuat konektor menggunakan titik sambungan terdekat saat bentuk atau konektor dipindahkan. Karena titik terdekat dapat berubah, fitur ini berguna saat Anda menginginkan lokasi jangkar yang dapat dipilih, tetapi membolehkan ujung berpindah di antaranya. Untuk ujung yang harus tetap di satu titik tertentu, gunakan sambungan tetap. Cara kerja penjepretan ke titik jangkar

Demikian pula, perintah Arrange > Layout > Orthogonal Routing yang didokumentasikan merutekan ulang konektor satu kali; perintah ini tidak mengaktifkan perutean otomatis berkelanjutan. Pilih perintah tersebut untuk merapikan rute sekali saja, dan pilih Auto-route around shapes jika Anda ingin pemindahan berikutnya memicu rute baru. Perutean sekali dan otomatis

Akhiri dengan memindahkan Node B sendiri dan memeriksa keempat ujung konektor, lalu meninjau tekukan dan label. Urutan ini memberi Anda titik akhir yang jelas: simpul yang dimaksud tetap terhubung, ujung tetap mempertahankan titik pilihannya, dan rute mudah dibaca dalam susunan baru.

Sumber