Bir hiyerarşi düğme kümesi nasıl çizilir ve olduğundan daha az rahatsız edici görünüyor?


17

Hiyerarşik veriler arasında hareket etmek için kullanılabilecek bir düğme kümesi oluşturmaya çalışıyorum ve gamalı haç gibi görünüyor. Nasıl düzelteceğimi bilmiyorum.

resim açıklamasını buraya girin

Yukarıdaki resimde "Panel" seçilmişse ve üst düğmeye basarsanız "AnimatedPanel" seçilir. Sol düğmeyi tıkladıysanız "Komut Dosyası" nı seçer. Sağ düğmeyi tıklarsanız, panel listedeki son öğe olduğu için hiçbir şey değişmez. Alt düğmeyi seçerseniz, "EventHandler" seçilir.

Düğme kümesi, etiketin solunda olacaktır. Bir öğe seçildiğinde etiket ve düğme gösterilir. Örneğin, bir web sayfasında dikey veya yatay menü öğelerinin bir listesi olabilir. Düğme kümesi ve etiket, seçilen menünün üzerine oturur. Sonra "in" tuşuna basmak ilk menü öğesini seçer. "Sol" veya "sağ" seçildiğinde menü öğeleri arasında geçiş yapılır. Umarım bu mantıklıdır.

Ne olursa olsun bunu daha az yapmak için herhangi bir öneriniz var mı?

@PremierBromanov için daha fazla detay:
Şimdi sahip olduğum şekilde "Yukarı" "L" "R" "Panel" gibi üst üste 3 etiket var.

resim açıklamasını buraya girin

"Yukarı", "sol" ve "sağ" terimlerini kullanıyorum ama "yukarı" gerçekten "geçerli satırdan çıkıp bir önceki satıra geri dön". Bu terimler, yatay bir düzende nasıl görüntülendiğine gevşek bir şekilde dayanmaktadır (dikeyde artık mantıklı olmamasına rağmen).

XML'de dal düğümü ve yaprak düğümleri gibi terimler kullanırlar. Bir dalda yaprak düğümleri vardır veya olabilir. Hiyerarşik veriler ayrıca üst düğüm ve alt düğümler terimlerini kullanır. Bu durumda atalarınız ve torunlarınız var. Ayrıca kardeşleriniz var. Aynı ebeveyni paylaşan alt düğümlerdir.

Son durumda, mevcut alt düğümün ebeveyni, önceki kardeşi, sonraki kardeşi ve torunları olabilir. Ayrıca Ana Şube, bir önceki sol, bir sonraki yaprak olabilir. Bu durumda bir yaprağın yaprakları varsa dal olur. Böylece ana dal, önceki yaprak veya dal, bir sonraki yaprak veya dal ve mevcut dalın yaprakları.


1
İki çapraz ok kullanmayı deneyin.
Paolo Gibellini

7
Eğlenceli gerçek: gamalı haçın karşı karşıya olduğu bir sol aslında Hinduizm'de barışın sembolüdür ve ibadet yerlerini temsil etmek için haritalarda kolayca kullanılmaktadır. Bir gamalı haçla karşı karşıya olan bir şey kötülüğün sembolüdür, ancak Hinduizm'de hala rahatsız edici değildir.
John Dvorak

3
Her iki gamalı haç da, 20. yüzyılın başlarından itibaren ( wiki ) Batı kültüründe iyi şanslar işareti olarak kullanılmıştır . Birisi gelip biraz mahvetene kadar.
Vincent

Basit sol sağ yukarı aşağı ok sistemi yapmayı denediniz mi? Dosya yapısını geçtikçe görsel olarak daha mantıklı gelebilir ve gamalı haç değil, daha çok "+" gibi olur. Yukarı ve aşağı "Panel" den "betiğe" geçecek ve sola ve sağa sırasıyla dışarı çıkacaktı.
Premier Bromanov

1
Gamalı haç değil, iki bacağı eksik, bunun için endişelenmeniz gerektiğini düşünmüyorum, sadece bir nazi bunu fark edecek, sorunuzun başlığını okudum ve sonra düğme setinize bir göz attım ve ben "Saldırgan" alamadım (çok çirkin olduğunu kastettiğini sanıyordum: P öyle değil), WW2 üzerinde çalıştığım şekilde "saldırgan" ile ne demek istediğini bilmek için sorunuzu okumak zorunda kaldım 10 yıl boyunca, buna rağmen, gamalı haçları tespit edemedim
Kyle

Yanıtlar:


32

Ok konseptiniz ve onu ne için kullanmayı planladığınız uygun görünüyor. Ve görebildiğim kadarıyla, sanırım ikonlar için fazla yeriniz yok.

Belki size yardımcı olabilecek şey, sevmediğiniz etkiyi gizlemek için daha kalın ve kavisli oklar kullanmaktır.

Aşağıda hızlı bir örnek verilmiştir:

Küçük boyutta okları tercihinize ve netliğinize göre ayarlamanız gerekebilir. Sizinkiyle aynı kavram, ama farklı oklar.

örnek oklar gri tonlamalı

örnek gri tonlamalı büyük

Oklar farklı renkler de olabilir:

örnek mavi oklar

örnek mavi ok büyük


2
Eğimli okların renkleri değiştirmeden bile iyi çalıştığını düşünüyorum. Güzel fikir +1
Aistis

Küçük boyutlarda, kavisli okların düz olanlarla aynı renkte olması bile tercih edilebilir.
otuzüçlük

1

Hiyerarşinin ne kadar derine intiğine bakılmaksızın listeyi tamamen yukarı ve aşağı hareket ettiren düğmeler kullanarak ve kullanıcının geçişin hızını ayarlaması için bir yol sağlayarak, örneğin dört düğme gibi daha basit, "düz" bir yaklaşım düşünebilirsiniz. :

  • [daha hızlı yukarı]
  • [Kadar]
  • [aşağı]
  • [daha hızlı aşağı]

"yukarı" ve "aşağı" öğeler arasında geçiş yapar ve "daha hızlı" düğmeler klasörden klasöre geçer.


Neden olmasın Up folderve Down folder. Ve soruda sorulduğu gibi nasıl çizilmeliler?
Mensch

Yukarı Klasör denerdim : çift chevron yukarı dönük. Yukarı : tek 'yukarı' chevron. Aşağı : tek chevron aşağı dönük. Aşağı klasör : Çift 'aşağı' chevron.
Matt Smith

İyi bir fikir. Dışarı ve içeri. Bu yüzden, ^ << >> \ / gibi bir şey tahmin ediyorum, burada "^" ve "\ /" "<< >>" nin üstünde ve altında ortalanmış.
1.21 gigawatts

Evet, iyi bilinen sayfalandırma tasarım deseni gibi, sadece dikey.
Matt Smith
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.