Ayrıntılı bir draw.io bölümü için daraltılabilir bir kapsayıcı kullanın ve genel görünüm bağlantılarını bu kapsayıcıya bağlayın. Böylece daraltılmış görünümde anlamlı bir bitiş noktası olur ve dış şekiller arasında doğrudan bağlantı oluşturmak için katlamaya güvenmeniz gerekmez.

Bu kılavuz, okunabilir bir genel görünümle bir bölümün içindeki ayrıntılar arasında geçiş yapmak isteyen ve Mac’te draw.io Desktop’ta diyagram düzenleyenler içindir. draw.io’nun resmi belgeleri, bağımsız masaüstü uygulamasının macOS’u desteklediğini doğruluyor. draw.io’yu çevrimdışı çalıştırın

Daraltılmış bölümün ne ifade etmesi gerektiğine karar verin

Küçük, temsili bir örnekle başlayın: Input A etiketli bir dış şekil, Section B etiketli bir bölüm ve Output C etiketli başka bir dış şekil. Section B içine B1, B2 ve B3 etiketli üç ayrıntı şekli yerleştirip bunları sırayla bağlayın.

Amaçlanan genel görünüm basittir: Input A, Section B’ye; Section B de Output C’ye bağlanır. Bölümü genişletmek, içindeki üç adımın nasıl ilişkili olduğunu gösterir. Ayrıntılar gizlendiğinde bile bölüm, genel görünümün anlamlı bir parçası olarak kalır.

Bu yapı, belgelenmiş iki özelliğe dayanır: kapsayıcılar başka şekilleri tutabilir ve katlanabilir; bağlayıcılar da kapsayıcı sınırlarını aşabilir. Ancak kapsayıcı belgeleri, rastgele bir zincirin katlanmasının dışındaki komşuları arasında yeni ve doğrudan bir bağlantı oluşturduğunu belirtmez. Katlamayı, ayrıntıları gösterip gizlemenin bir yolu olarak kullanın; genel görünümdeki ilişkileri açıkça tanımlayın. Kapsayıcı şekillerde daraltma/genişletme özelliğini etkinleştirme veya devre dışı bırakma

Okuyucuların neyi anlaması gerektiğine göre yapıyı seçin:

Okuyucunun sorusu Önerilen yapı Genel görünümde korunan anlam
Hangi bölümler birbirine bağlı? Dış şekilleri bölüm kapsayıcısına bağlayın. Bölüm, genel akışın bir parçasıdır.
Dışarıya bağlanan tam olarak hangi iç adım? Bağlantıyı o iç şekle bağlayın ve ilişkiyi açıkça etiketleyin. Ayrıntılı bitiş noktası modelin parçası olarak kalır; her iki katlama durumunu da inceleyin.
Tek bir doğrudan dıştan dışa ok kalacak şekilde bölümün tamamı gizlenebilir mi? Bu ilişki geçerliyse açık bir genel görünüm temsili çizin. Doğrudan ilişki, katlamanın varsayılan bir sonucu değil, tasarlanmış bir özettir.

Bu karar yardımı, belgelenmiş özelliklerden çıkarılmış bir diyagram tasarımı önerisidir. Bazı şekiller artık görünmüyor diye bir bağlayıcıya yeni bir anlam yüklenmesini önler.

Mac’te daraltılabilir bir bölüm oluşturun

Yapısını değiştirirken mevcut bir diyagramın kopyası üzerinde çalışın. Yeni bir diyagram için önce küçük örneği oluşturun, ardından aynı düzeni daha büyük bölümlere uygulayın.

Ayrıntıları eklemeden önce kapsayıcıyı oluşturun

Bir dikdörtgen ekleyip üç iç şekli alacak büyüklükte yapın. Yalnızca bu dikdörtgeni seçip Cmd+G tuşlarına basın. Resmi kapsayıcı kılavuzu, bir şekli kapsayıcıya dönüştürmek için bu Mac kısayolunu belgeliyor. Extras > Collapse/Expand seçeneğini etkinleştirin; onay işareti özelliğin etkin olduğunu gösterir. Minimal temasında belgelenen yol, sağ tıklayıp Options > Collapse/Expand seçeneğini belirlemektir. Kapsayıcı ayarları ve katlama denetimleri

Kapsayıcıyı Section B olarak etiketleyin. Bu adı, genel görünüm boyutunda bölümü tanımlayacak kadar kısa tutun. Katlama denetimi için başlığın yakınında yer ayırın; bir ayrıntı şeklini bu alanın üzerine koymayın.

Kapsayıcının içine B1, B2 ve B3 ekleyip sırayla bağlayın. Input A ve Output C dışarıda kalsın. Bu adlar ve düzen örnek amaçlıdır: amaçları, üst bölümü ve içeriğini kolayca ayırt edilebilir kılmaktır.

Mevcut bir şekil ve iç bağlayıcı koleksiyonu için draw.io, bunları birlikte seçip Arrange > Group seçeneğini belirlemeyi veya Cmd+G tuşlarına basmayı da destekler. Bu seçime iç bağlayıcıları da ekleyin. Dış şekilleri grubun dışında tutun. Şekilleri ve bağlayıcıları gruplama ve gruptan çıkarma

Bölümün katlanabildiğinden emin olun

Bölümün katlama denetimine tıklayarak bölümü daraltın, ardından genişletmek için yeniden tıklayın. Güncel grup belgelerinde katlanabilir hücreler için −/+ denetimi açıklanıyor ve bir hücreyi katlanabilir yapan stil ayarı olarak collapsible=1 belirtiliyor. Genel seçeneği etkinleştirdikten sonra sıradan bir grupta denetim görünmüyorsa diyagramı tekrar tekrar gruplamak yerine seçili hücrenin ayarlarını kontrol edin. Belgelenen stil ayarlarına Edit Style… veya Arrange sekmesinin Properties bölümünden ulaşabilirsiniz. Grupları daraltma ve genişletme

Genel görünüm bağlayıcılarını eklemeden önce, bölüm daraltıldığında istenen ayrıntıların gizlendiğini ve adının okunabilir kaldığını doğrulayın. Katlanmış bölümün dışında bir şey kalırsa, görsel olarak üst üste gelmesinin onu kapsayıcının parçası yaptığı varsayımında bulunmak yerine üyeliğini inceleyin.

Genel görünüm bağlantılarını doğrudan bölüme bağlayın

Örnekte, Input A’dan Section B’nin kenarlığına bir bağlayıcı; Section B’den Output C’ye de başka bir bağlayıcı çizin. Bu iki bağlantı, bölümün genel diyagramdaki yerini tanımlar. İçteki B1–B2–B3 dizisi ise ayrıntılarını gösterir.

Kesin bağlantı konumu önemli değilse kayan bağlantı kullanın. Kaynak şeklin yön oku üzerinden bir bağlayıcı sürükleyin, hedefin ana hattı mavi olduğunda bırakın. Diyagram değiştikçe kayan uç noktalar şeklin çevresinde hareket edebilir. Sabit bağlantı için yeşil renkle vurgulanan bağlantı noktalarından başlayıp bitirin. Sabit uç noktalar bu noktalara bağlı kalır. Sabit ve kayan bağlayıcılar arasındaki farkı görün

Bu genel görünüm için kayan uç noktalar iyi bir başlangıç tercihidir; çünkü önemli olan hangi bölümlerin bağlı olduğudur. Belirli bir kenar veya bağlantı konumu anlam taşıyorsa sabit uç noktaları seçin. Her iki durumda da daraltılmış ve genişletilmiş görünümleri incelemeniz gerekir.

Oklar tek başına anlamı açıklamıyorsa Input to B ve Output from B gibi etiketler ekleyin. Etiketin görünmesini istediğiniz yerde bağlayıcıya çift tıklayın. Etiketi yeniden konumlandırmak için seçip baklava biçimli tutamacını sürükleyin. Bağlayıcıları etiketleme

İlişki gerçekten B2 öğesine aitse bu ayrıntılı bağlantıyı koruyun. Daha kapsamlı ifade de doğru değilse bunu kapsayıcı bağlantısıyla değiştirmeyin. Input to B2 gibi yararlı bir etiket kullanabilir ve genel görünümde anlaşılır kalan bir bölüm adı ekleyebilirsiniz. Resmi belgeler kapsayıcı sınırlarını aşan bağlantılara izin verir; ancak bu izin tek başına, katlamadan sonra her ayrıntılı bitiş noktasının ne kadar açık temsil edileceğini garanti etmez. Söz konusu diyagramı her iki durumda da inceleyin. Kapsayıcı sınırlarını aşan bağlantılar

Saydam düzen kapsayıcısı tuzağından kaçının

Arrange > Insert > Layout üzerinden oluşturulan kapsayıcı, bağlanabilir ve görünür bir kenarlığa sahip bölümden farklı bir tercihtir. Resmi düzen kılavuzuna göre eklenen bu düzen kapsayıcılarının kenarlıkları saydamdır ve bağlantı kabul etmez; bağlayıcılar içlerindeki şekillere bağlanmalıdır. Kılavuz ayrıca bağlantı kabul edebilen bir kulvarla çevrili Advanced düzen şekillerini de ayrı tutar. Advanced düzen şekilleri ve düzen kapsayıcıları

Genel görünümde okların bölüm sınırına bağlanması gerekiyorsa bağlanabilir bir kapsayıcı veya kulvar kullanın. İç şekillerin otomatik düzenlenmesi öncelikliyse ve bu şekillere bağlantı vermek diyagrama uygunsa saydam düzen kapsayıcısını seçin.

Bağlayıcı yollarını ayarlamadan önce iki görünümü de kontrol edin

Örneği oluşturduktan sonra aşağıdaki sırayı izleyin. Bu adımlar, kıvrımları ve boşlukları düzeltmek için zaman harcamadan önce genel görünümün amaçlanan ilişkileri anlatıp anlatmadığını denetler.

  1. Section B’yi genişletin ve iç sıralamayı doğrulayın.
  2. İki genel görünüm bağlayıcısının yalnızca bölümün yakınına ulaşmadığını, bölüme gerçekten bağlandığını doğrulayın.
  3. Bölümü daraltın ve yalnızca görünen adları ve bağlayıcı etiketlerini kullanarak diyagramı okuyun.
  4. Görünen her okun hâlâ doğru bir ifade olup olmadığını kontrol edin.
  5. Bölümü yeniden genişletip iç bağlayıcıları ve etiketleri inceleyin.
  6. Her komşu bölümü ayrı ayrı, ardından birlikte daraltarak tekrarlayın.

Katlama fazla boşluk bırakıyorsa yerleşimi bilinçli olarak ayarlayın. Grup belgelerinde, boyut değiştikçe kardeş hücreleri sağa veya aşağı kaydırmak için katlama denetimine Shift tuşuna basılı tutarak tıklama yöntemi açıklanıyor. Bu, katlamaya özgü bir davranıştır; rastgele bir diyagramı otomatik olarak yeniden tasarlayacağının garantisi sayılmamalıdır. Katlama ve komşu hücreler

Bir bağlayıcı dolambaçlı bir yol izliyorsa seçip yolunu ayarlayın. Mavi noktalarını sürükleyebilir veya bağlayıcıya sağ tıklayıp Add Waypoint seçeneğini belirleyebilirsiniz. Elle ara nokta değişiklikleri yapmak, o bağlayıcı için otomatik yönlendirmeli dik açılı stili devre dışı bırakır; bu nedenle kıvrımları yalnızca her iki görünümü de iyileştirecekse ekleyin. Artık gerekmeyen bir yolu kaldırmak için sağ tıklayıp Clear Waypoints seçeneğini belirleyin, ardından oluşan yolu inceleyin. Bağlayıcıların yolunu değiştirmek için ara noktalarla çalışma

Yeniden yönlendirmeden sonra etiketleri ayrıca inceleyin. Elle konumlandırılmış bir etiketi yeniden ayarlamanız gerekebilir. Etiketi bağlayıcısına geri döndürmek için bağlayıcıyı veya etiketi seçin, ardından Arrange sekmesinde Reset seçeneğini belirleyip Label Positions öğesini seçin. Bağlayıcı etiketi konumlarını sıfırlama

Görünümü iyileştirmeden önce yapısal sorunları giderin

Belirti Kontrol edilecekler Uygulanabilir sonraki adım
Katlama denetimi görünmüyor Genel katlama seçeneği ve seçili hücrenin katlanabilirliği Extras > Collapse/Expand seçeneğini etkinleştirin; gerekirse collapsible=1 öğesini inceleyin.
Katlama sonrasında bir ayrıntı görünür kalıyor Bölüme ait olup olmadığı Görünürdeki konumuna değil, kapsayıcı veya grup üyeliğine bakın.
Bölüm kenarlığı bağlantı kabul etmiyor Eklenmiş saydam bir düzen kapsayıcısı olup olmadığı Sınır düzeyindeki ilişkiler için bağlanabilir bir kapsayıcı veya kulvar kullanın.
Daraltılmış bir okun anlamı belirsiz Anlamının içteki bir bitiş noktasına bağlı olup olmadığı İlişkiyi etiketleyin veya açık bir bölüm düzeyinde bağlantı oluşturun.
Bir çizgide gereksiz bir kıvrım var Mevcut ara noktalar Ara noktaları ayarlayın veya temizleyin, ardından etiketleri yeniden kontrol edin.

Bu kontroller, belgelenmiş kapsayıcı denetimlerini, grup ayarlarını, düzen kapsayıcısı sınırını ve ara nokta araçlarını bir araya getirir. Hangi ilişkinin gösterileceği ise diyagramla ilgili editoryal bir karardır.

Yararlı bir daraltılmış diyagram, kişilerin her bölümü tanımasını ve her ayrıntıyı açmadan görünen bağlantılarını anlamasını sağlar. Bu genel görünümü açıkça oluşturun, ardından destekleyici yapıyı göstermek için katlamayı kullanın. Okuyucunun bir bölümü tamamen atlayan doğrudan bir bağlantı görmesi gerekiyorsa bu özeti bilinçli olarak çizin ve iç ilişkilerin hâlâ önemli olduğu yerlerde ayrıntılı görünümü koruyun.

Kaynaklar