web-dev-qa-db-ja.com

オブジェクトが複数回出現する可能性のあるツリーを表示するにはどうすればよいですか?

個別に非表示または色を変更できる多数のオブジェクトを表示するウィンドウがあります。したがって、サイドバーにはそれぞれチェックボックス色見本があります。クリックするとカラーピッカーが起動します。

example tree view

ただし、示されているように、オブジェクトは(Unix)ファイルシステムに似た構造も占めています。ユーザーはそれらをgroups( "directories")に整理しましたが、ネストされていない)、同じグループまたは別々のグループで、それぞれに 複数の名前 を含めることができます。特権または正規の名前またはグループはありません。 (グループの数はほとんど常に5以下であり、各エントリが25を超えない可能性があります。1つのオブジェクトが持つ名前は合計で6以下です。)

したがって、グループとオブジェクトのnamesは、ユーザーにとって重要なtreeを形成しますが、オブジェクト自体(名前の「子」として)を追加すると、DAGの構造に弱くなります。レンダリングはオブジェクトのレンダリングであるため、単一のオブジェクトのさまざまな名前が異なる色や可視性を持つことは意味がありません。

どのようなコントロールをユーザーに提示できますか

  1. グループと名前の階層を伝える
  2. 同じオブジェクトの異なる名前の間でconnectionを伝える
  3. すべての名前に関連してcolorsを表示します(ジェスチャーなしですばやく相談できるようにするため)。
  4. 「名前」のプロパティの同期による混乱を最小限に抑えますか?

例の画像は、1つの単純な戦略を示しています。グループ内のabarおよびaおよびb in group fooはすべて同じオブジェクトですが、他の2つのオブジェクトの名前はそれぞれ1つだけです。レイアウトは確かに#1と#3を満たしています。ただし、#4は適切ではありません。共有オブジェクトの3つのチェックボックスのいずれかをクリックすると、3つすべてを更新する必要があります(色についても同様です)。さらに、この同一性はそれらと相互作用することによってのみ確実に検出できます(そのため、#2は満たされません)。それらが同じ色とチェックボックスの状態を持っているのは単なる偶然かもしれません。同じ名前(ここでは "a")は、異なるグループの異なるオブジェクトを参照する場合としない場合があります。

構造や名前の編集は行われないことに注意してください。このインターフェースは、オブジェクトのdrawingを制御し、オブジェクトの作成、削除、グループ化、または名前付けには関与しません。

2
Davis Herring

確信はありませんが、テーブルレイアウトを試すことができます。

enter image description here

各行は、1つの基礎となるオブジェクト用です。各列はグループです。

もちろん、これはグループの数が増えるにつれて、より多くの幅が必要になることを意味します。

1
jcaron

ここで木が正しい視覚構造であるかどうかはわかりません。ツリーはDAGを意味し、ここにあるのは、タグ付けされたデータが添付されたオブジェクトのコレクションです。

「一連の一意のオブジェクトに対してタグを表示するにはどうすればよいですか」という問題に対する解決策のファミリー全体があり、どの方法が最も適しているかわかりません。 UIの残りの部分。

おそらく、オブジェクトを独自のui要素として、おそらく製品カードとして、カラーピッカーを開く差し込み色見本を使用して一覧表示します。次に、カードの下部に沿って、各名前とディレクトリを個別の「タグ」として表示できます。

また、おそらくUIを拡張して「タグページ」を含めると、ユーザーはタグをクリックして、その中のすべてのオブジェクトをそれぞれ独自の製品カードとして表示できます。そうすれば、名前またはディレクトリでコレクションをナビゲートできますが、最初は固有のオブジェクトのコレクションが製品カードとして表示されます。

0
Racheet