web-dev-qa-db-ja.com

ツリー構造の代替UIはありますか?

マルチレベルのノードを削減するために、ツリー構造に他の優れたUI機能はありますか?.

92
Basheer

「ノード」の階層リストを視覚的に表示するさまざまな方法をすべて知っているわけではありませんが、考えられる4つの主要な方法を以下に示します。

スタック

Hierarchy: Stacks

カラム

Hierarchy: Columns

配列

Hierarchy: Arrays

ネットワーク

Hierarchy: Networks

128
robmclarty

時々使用される代替案は Miller Columns ビューです。

QColumnView image taken from Qt Documentation

アイデアは、列aで選択された項目のサブノードが、その隣の列a + 1に表示されるというものです。特に、異なるレベルのノードの異なるタイプを含むツリーの利点は、各列に1つのタイプしか含まれないことです。それは理解しやすいです。 1つの欠点は、複数のブランチを同時に表示して比較できないことです。もう1つは、親の枝がより深いツリー内ですばやく表示から外れること、および祖先を形成するアイテムがリストの別の場所にある可能性があることです。

このパターンの使用例は、Apple次のようなスタイルファイルダイアログです。 adjacent columns of descending file directories

18
André

特定のタイプの階層(ネストされたテキストなど)の場合、「NestView」と呼ぶコントロールが適切な場合があります。

enter image description here

これは実際には、Programmers.StackExchangeでの質問に対する多数の回答から発展しました。

https://softwareengineering.stackexchange.com/q/87077/271

10
pgfearo

アプリケーションに適合しない可能性がある1つの代替策は treemap です。これは、ノードの相対的なサイズが重要な場合にデータを表示するのに便利な方法です。

Treemap image from Wikipedia

(wikipedia example treemap-この例では、患者の待機時間の変化を示しています)

Squarified Treemaps [pdf]に関するこの論文 は、私がこの手法について学んだ方法です。かなりアクセスしやすいです。

3
mdkess

IOSのようなドリルダウンメニューを実現するための素晴らしいjQueryプラグインもあります: http://filamentgroup.com/lab/jquery_iPod_style_and_flyout_menus/

2
umutm

ツリー構造には、iPhoneのスライディングメニューのようなsmthを使用したいと思います。このようなSmth http://codecanyon.net/item/jquery-infinite-sliding-menu-plugin/full_screen_preview/164115

1
MechanisM

私は長い間、コンピューター上のすべてのコンテンツを整理する方法としてタグクラウドを使用してきました。データをすばやく整理するための効率的な方法であることがわかりました。唯一の欠点は、コンテンツがタグ付けされていることを確認する必要があることです。

Mac OS X用のLeapというプログラムを使用していますが、コンピューター上のファイルを保存したり、ファイルにアクセスしたりする方法が変わりました。

1
Dave Hyman

ミニマルな解決策は「ブレッドクラム」であり、今日のほとんどの最新のファイルマネージャーと同じです。 この例はウィキペディアのものです

1
Jeppe S.