4

現在、関連するアイテムを複数レベルのグリッドに表示する必要があります。それは曾祖父母→祖父母→親→子

例: Country-> state->City->Street が表示順です。

提案された解決策は、これらすべてを複数レベルのグリッド (最大 4 レベル) に表示することです。

国 -> 州 -> 都市 -> 番地

使いやすさの点でこのソリューションに慣れていないため、表示を論理ユニットに分割する UI デザイン パターンを探しています。

ありがとう

4

3 に答える 3

8

同じ階層の2つの異なるレベルのデータオブジェクトがある場合、次のことができます。

  • 各レベルを異なるウィンドウ(またはページ、ライトボックス)に配置し、それらの間のナビゲーションを可能にします。私はこれをドリルダウンと呼びます。

  • 各レベルを同じウィンドウ(またはページ)の異なるペインに配置します。上位ペインのオブジェクトにフォーカスを置くと、下位ペインにデータが表示されます。私はこれをマスター/詳細と呼びます(これにはカスケードリストが含まれ、上記のドリルダウンと混同しないでください)。

  • 両方のレベルを同じペインに配置し、各上位オブジェクトの下に下位オブジェクトをインデントし、通常、各上位オブジェクトの下位オブジェクトを非表示および表示するためのコントロールを提供します。私はこれを木と呼んでいます。

複数レベルの階層では、これらの任意の組み合わせを使用できます。階層内の隣接するレベルを関連付ける方法を決定するためのガイドラインを次に示します。

次の場合、レベルをツリーに配置します

  • 階層内のレベルの数は、各データオブジェクト(フォルダーなど)によって任意に異なります。

  • ユーザーは、ソート順に互いに近い2つ以上の上位オブジェクトの下位オブジェクトを定期的に比較します(ユーザーは、両方の上位オブジェクトのツリーを展開して、下位オブジェクトを一度に表示できます)。

次の場合は、レベルをマスターと詳細の関係にします。

  • オブジェクトごとに1つまたは2つ以上の属性(たとえば、名前だけではない)を表示しており、各レベルには異なる属性があります。

  • 上位オブジェクトには、複数のクラスの下位オブジェクトがあります。

  • 表示する多対多の関係があります。

詳細については、階層ビジュアルデザインを参照してください。

次の場合は、レベルをドリルダウン関係にします。

  • レベルごとに表示する情報の量が多すぎて、1つの適切なサイズのウィンドウに収まりません。

  • このタスクでは、ユーザーが1つのレベルから別のレベルに移行できるが、ユーザーが両方のレベルを同時に使用することはありません(通常、ユーザーがウィンドウ間を行き来することは避けたい)。

  • とにかく、さまざまな高レベルのタスク用に個別のウィンドウが必要になります。これは、上位ウィンドウを「ドリルダウン」せずに、下位ウィンドウに直接移動する手段を提供することを意味します。

通常、ドリルダウンは、両方のウィンドウがプライマリウィンドウ(またはページ)である場合にのみ意味があります。従属ウィンドウは、ダイアログボックス、プロパティウィンドウ、またはライトボックスであってはなりません。フルサイズのプライマリウィンドウを正当化するために従属ウィンドウに表示するのに十分なものがない場合は、master-detailを使用します。master-detailと比較すると、ドリルダウンダイアログは次のようになります。

  • 変更の保存に不整合が発生します。

  • zオーダーでモードまたはあいまいさを作成します(または、ライトボックスの場合は、[戻る]ボタンの機能であいまいさを作成します)。

  • 編集と元に戻すための基本的なコントロールを備えたプルダウンメニューがありません(LinuxおよびWindowsの場合)。

  • コンテンツのより柔軟な表示を提供するためのウィンドウサイズ変更(MacおよびWindows)をサポートしていません。

上記のすべての詳細については、http://www.zuschlogin.com/?p=31を参照してください

于 2009-10-27T12:33:16.023 に答える
2

これを分解する一般的な方法は、2 つ以上のステップで実行し、それらの間でナビゲーションを行うことです (つまり、別のページへのナビゲーションやモーダル ダイアログを開くなど)。

したがって、階層の 1 つまたは 2 つまたは 3 つのレベルを含む最初のグリッド/テーブルを表示し、残りのレベルを 2 つ目以降のリスト/テーブルに表示するためのナビゲーション リンクを表示できます。

いくつかの確立されたパターンの確認を探している場合は、これらから選択 (または組み合わせ) できます。

マスター/詳細

ツリー テーブル

また

カスケード リスト

于 2009-10-27T07:59:48.600 に答える
0

木?ファイル システムの Windows エクスプローラー ビューのようなものですか。

于 2009-10-27T07:17:52.757 に答える