Gunakan bekas boleh lipat untuk bahagian draw.io yang terperinci, dan sambungkan sambungan gambaran keseluruhan kepada bekas itu. Dengan cara ini, paparan terlipat mempunyai titik hujung yang bermakna tanpa bergantung pada fungsi lipatan untuk mencipta sambungan terus antara bentuk di luar.
Panduan ini ditujukan kepada seseorang yang mengedit rajah dalam draw.io Desktop pada Mac dan mahu beralih antara gambaran keseluruhan yang mudah dibaca dengan butiran dalam satu bahagian. Dokumentasi rasmi draw.io mengesahkan bahawa aplikasi desktop kendirinya menyokong macOS. Jalankan draw.io di luar talian
Tentukan maksud bahagian terlipat
Mulakan dengan contoh kecil rekaan: satu bentuk di luar berlabel Input A, satu bahagian berlabel Section B, dan satu bentuk di luar berlabel Output C. Dalam Section B, letakkan tiga bentuk perincian berlabel B1, B2, dan B3, lalu sambungkannya mengikut turutan.
Gambaran keseluruhan yang dimaksudkan adalah mudah: Input A bersambung kepada Section B, dan Section B bersambung kepada Output C. Mengembangkan bahagian itu akan menunjukkan hubungan antara tiga langkah dalamannya. Bahagian itu kekal sebagai bahagian yang bermakna dalam gambaran keseluruhan walaupun butirannya disembunyikan.
Struktur ini menggunakan dua keupayaan yang didokumenkan: bekas menampung bentuk lain dan boleh dilipat, manakala penyambung boleh merentasi sempadan bekas. Namun, dokumentasi bekas tidak menyatakan bahawa melipat satu rangkaian sewenang-wenangnya akan menghasilkan sambungan terus baharu antara bentuk di luarnya. Anggap fungsi lipatan sebagai cara untuk memaparkan atau menyembunyikan perincian; tetapkan hubungan dalam gambaran keseluruhan secara jelas. Dayakan atau nyahdayakan ciri lipat/kembang pada bentuk bekas
Pilih struktur berdasarkan perkara yang perlu difahami oleh pembaca:
| Soalan pembaca | Struktur yang disyorkan | Maksud yang dikekalkan dalam gambaran keseluruhan |
|---|---|---|
| Bahagian yang manakah bersambung? | Sambungkan bentuk di luar kepada bekas bahagian. | Bahagian itu mengambil bahagian dalam aliran keseluruhan. |
| Langkah dalaman yang manakah disambungkan ke luar? | Kekalkan sambungan kepada bentuk dalaman tersebut dan labelkan hubungannya dengan jelas. | Titik hujung terperinci kekal sebagai sebahagian daripada model; periksa kedua-dua keadaan lipatan. |
| Bolehkah seluruh bahagian disembunyikan, sehingga tinggal satu anak panah terus dari luar ke luar? | Lukiskan perwakilan gambaran keseluruhan yang jelas jika hubungan itu sah. | Hubungan terus itu ialah ringkasan yang dilukis dengan sengaja, bukannya hasil lipatan yang diandaikan. |
Panduan membuat keputusan ini ialah saranan reka bentuk rajah yang diperoleh daripada ciri yang didokumenkan. Ia mengelakkan pemberian maksud baharu kepada penyambung hanya kerana sesetengah bentuk sudah tidak kelihatan.
Bina bahagian boleh lipat pada Mac
Semasa mengubah strukturnya, gunakan salinan rajah sedia ada. Untuk rajah baharu, bina contoh kecil itu dahulu, kemudian gunakan susunan yang sama pada bahagian yang lebih besar.
Cipta bekas sebelum menambah perincian
Tambah segi empat tepat dan besarkannya secukupnya untuk memuatkan tiga bentuk dalaman. Pilih segi empat tepat itu sahaja dan tekan Cmd+G. Panduan rasmi bekas mendokumentasikan pintasan Mac ini untuk menukar bentuk menjadi bekas. Dayakan Extras > Collapse/Expand; tanda semak menunjukkan bahawa ciri itu didayakan. Dalam tema Minimal, laluan yang didokumenkan ialah klik kanan, kemudian pilih Options > Collapse/Expand. Persediaan bekas dan kawalan lipatan
Namakan bekas itu Section B. Pastikan namanya cukup ringkas untuk dikenal pasti pada saiz gambaran keseluruhan. Sediakan ruang berhampiran tajuknya untuk kawalan lipatan, dan jangan letakkan bentuk perincian terus di atas kawasan itu.
Tambah B1, B2, dan B3 di dalam bekas, kemudian sambungkannya mengikut turutan. Kekalkan Input A dan Output C di luar. Nama dan susunan ini sekadar contoh: tujuannya untuk membezakan bahagian induk daripada kandungannya dengan mudah.
Untuk kumpulan bentuk sedia ada berserta penyambung dalaman, draw.io juga membolehkan anda memilih semuanya sekali gus, kemudian memilih Arrange > Group atau menekan Cmd+G. Sertakan penyambung dalaman dalam pilihan itu. Jangan sertakan bentuk di luar dalam kumpulan tersebut. Kumpulkan dan nyahkumpulkan bentuk serta penyambung
Pastikan bahagian itu boleh dilipat
Klik kawalan lipatan bahagian itu untuk melipatnya, kemudian klik sekali lagi untuk mengembangkannya. Dokumentasi kumpulan semasa menerangkan kawalan −/+ untuk sel yang boleh dilipat dan mengenal pasti collapsible=1 sebagai tetapan gaya yang membolehkan sel dilipat. Jika kumpulan biasa tidak memaparkan kawalan selepas pilihan global didayakan, periksa tetapan sel yang dipilih dan jangan berulang kali mengumpulkan semula rajah. Tetapan gaya yang didokumenkan tersedia melalui Edit Style… atau bahagian Properties pada tab Arrange. Lipat dan kembangkan kumpulan
Sebelum menambah penyambung gambaran keseluruhan, pastikan bahawa melipat bahagian itu menyembunyikan perincian yang dikehendaki dan mengekalkan nama supaya boleh dibaca. Jika sesuatu masih berada di luar bahagian yang dilipat, periksa keahliannya dan jangan anggap pertindihan visual menjadikannya sebahagian daripada bekas.
Sambungkan sambungan gambaran keseluruhan kepada bahagian itu sendiri
Untuk contoh ini, lukiskan satu penyambung daripada Input A ke sempadan Section B, dan satu lagi daripada Section B ke Output C. Kedua-dua sambungan ini menerangkan kedudukan bahagian itu dalam rajah keseluruhan. Urutan dalaman B1–B2–B3 pula menerangkan perinciannya.
Gunakan sambungan terapung apabila kedudukan lampiran yang tepat tidak penting. Seret penyambung daripada anak panah arah pada bentuk sumber, kemudian lepaskan di atas sasaran apabila garis tepinya berwarna biru. Hujung terapung boleh bergerak di sekeliling perimeter bentuk apabila rajah berubah. Untuk sambungan tetap, mulakan dan akhiri pada titik sambungan yang diserlahkan dengan warna hijau. Hujung tetap kekal terpasang pada titik tersebut. Lihat perbezaan antara penyambung tetap dengan penyambung terapung
Untuk gambaran keseluruhan ini, hujung terapung ialah pilihan permulaan yang munasabah kerana perkara penting ialah bahagian yang bersambung. Pilih hujung tetap apabila sisi atau kedudukan sambungan tertentu membawa maksud. Kedua-dua pilihan tetap memerlukan anda memeriksa paparan terlipat dan dikembangkan.
Tambahkan label seperti Input to B dan Output from B jika maksud anak panah sahaja tidak jelas. Klik dua kali pada penyambung di tempat label patut diletakkan. Untuk mengubah kedudukan label, pilih label itu dan seret pemegang berlian. Labelkan penyambung
Jika hubungan itu sebenarnya milik B2, kekalkan sambungan terperinci tersebut. Jangan gantikannya dengan sambungan bekas melainkan kenyataan yang lebih umum itu juga tepat. Label yang sesuai mungkin Input to B2, bersama nama bahagian yang masih mudah difahami dalam gambaran keseluruhan. Dokumentasi rasmi membenarkan sambungan merentasi sempadan bekas, tetapi kebenaran itu sahaja tidak menjelaskan sejauh mana setiap titik hujung terperinci akan diwakili dengan jelas selepas dilipat. Periksa rajah khusus itu dalam kedua-dua keadaan. Sambungan merentasi sempadan bekas
Elakkan perangkap bekas susun atur lutsinar
Bekas yang dicipta melalui Arrange > Insert > Layout berbeza daripada bahagian yang mempunyai sempadan kelihatan yang boleh disambungkan. Panduan susun atur rasmi menyatakan bahawa bekas susun atur yang disisipkan ini mempunyai sempadan lutsinar yang tidak boleh menerima sambungan; penyambung mesti dipasang pada bentuk di dalamnya. Panduan itu juga membezakan bentuk susun atur Lanjutan yang dikelilingi lorong renang dan boleh menerima sambungan. Bentuk susun atur Lanjutan dan bekas susun atur
Jika gambaran keseluruhan anda memerlukan anak panah dipasang pada sempadan bahagian, gunakan bekas atau lorong renang yang boleh disambungkan. Pilih bekas susun atur lutsinar apabila keutamaan anda ialah penyusunan automatik bentuk dalaman dan sambungan kepada bentuk dalaman itu sesuai untuk rajah tersebut.
Periksa kedua-dua paparan sebelum melaraskan laluan penyambung
Ikuti urutan berikut selepas membina contoh itu. Langkah ini memeriksa sama ada gambaran keseluruhan menyampaikan hubungan yang dimaksudkan sebelum anda meluangkan masa memperkemas selekoh dan jarak.
- Kembangkan
Section Bdan sahkan urutan dalamannya. - Pastikan kedua-dua penyambung gambaran keseluruhan dipasang pada bahagian itu, bukannya sekadar berakhir berhampiran garis tepinya.
- Lipat bahagian itu dan baca rajah dengan hanya menggunakan nama dan label penyambung yang kelihatan.
- Pastikan setiap anak panah yang kelihatan masih menyatakan sesuatu yang benar.
- Kembangkan semula bahagian itu dan periksa penyambung serta label dalaman.
- Ulangi dengan melipat setiap bahagian bersebelahan secara berasingan, kemudian lipat semuanya serentak.
Jika lipatan meninggalkan ruang yang berlebihan, laraskan kedudukan dengan sengaja. Dokumentasi kumpulan menerangkan bahawa anda boleh menekan Shift sambil mengklik kawalan lipatan untuk mengalihkan sel saudara ke kanan atau ke bawah apabila saiz berubah. Ini ialah tingkah laku lipatan khusus; jangan anggap ia menjanjikan reka bentuk semula automatik bagi rajah sewenang-wenangnya. Lipatan dan sel bersebelahan
Jika penyambung membuat lencongan yang janggal, pilih penyambung itu dan laraskan laluannya. Anda boleh menyeret titik birunya atau klik kanan pada penyambung dan memilih Add Waypoint. Perubahan titik laluan manual menyahdayakan gaya ortogon penghalaan automatik untuk penyambung itu, jadi tambahkan selekoh hanya apabila ia menambah baik kedua-dua paparan. Untuk mengalih keluar laluan yang tidak diperlukan lagi, klik kanan dan pilih Clear Waypoints, kemudian periksa laluan yang terhasil. Ubah laluan penyambung dengan titik laluan
Selepas mengubah laluan, periksa label secara berasingan. Label yang diletakkan secara manual mungkin perlu dilaraskan semula. Untuk mengembalikannya ke penyambung, pilih penyambung atau label itu, kemudian pilih Reset pada tab Arrange dan pilih Label Positions. Tetapkan semula kedudukan label penyambung
Selesaikan masalah struktur sebelum memperkemasnya
| Gejala | Perkara yang perlu diperiksa | Langkah seterusnya yang disokong |
|---|---|---|
| Kawalan lipatan tidak muncul | Pilihan lipatan global dan kebolehlipatan sel yang dipilih | Dayakan Extras > Collapse/Expand; jika perlu, periksa collapsible=1. |
| Perincian kekal kelihatan selepas dilipat | Sama ada perincian itu tergolong dalam bahagian tersebut | Periksa keahlian bekas atau kumpulan dan bukannya kedudukan zahirnya. |
| Garis tepi bahagian tidak menerima penyambung | Sama ada bahagian itu ialah bekas susun atur lutsinar yang disisipkan | Gunakan bekas atau lorong renang yang boleh disambungkan untuk hubungan pada sempadan. |
| Anak panah terlipat mengelirukan | Sama ada maksudnya bergantung pada titik hujung dalaman | Labelkan hubungan itu atau lukis sambungan pada peringkat bahagian secara jelas. |
| Garis mempunyai selekoh yang tidak diperlukan | Titik laluan sedia ada | Laraskan atau kosongkan titik laluan, kemudian periksa semula label. |
Semakan ini menggabungkan kawalan bekas, tetapan kumpulan, sempadan bekas susun atur, dan alat titik laluan yang didokumenkan. Pilihan hubungan yang hendak ditunjukkan tetap merupakan keputusan editorial tentang rajah itu.
Rajah terlipat yang berguna membolehkan seseorang mengenal pasti setiap bahagian dan memahami sambungan yang kelihatan tanpa membuka setiap perincian. Bina gambaran keseluruhan itu secara jelas, kemudian gunakan fungsi lipatan untuk memaparkan struktur yang menyokongnya. Jika pembaca memerlukan sambungan terus yang melangkaui seluruh bahagian, lukiskan ringkasan itu dengan sengaja dan kekalkan paparan terperinci selagi hubungan dalaman tersebut masih penting.
Sumber
- Jalankan draw.io di luar talian — draw.io
- Dayakan atau nyahdayakan ciri lipat/kembang pada bentuk bekas — draw.io
- Kumpulkan dan nyahkumpulkan bentuk serta penyambung — draw.io
- Lihat perbezaan antara penyambung tetap dengan penyambung terapung — draw.io
- Labelkan penyambung — draw.io
- Bentuk susun atur Lanjutan dan bekas susun atur — draw.io
- Ubah laluan penyambung dengan titik laluan — draw.io