web-dev-qa-db-ja.com

ツリービュー/折りたたみパネルの特別なケース

これは、ここで説明する問題の一種の特殊なケースと見なされる可能性があります。 矢印は折りたたみ可能なアコーディオンを指す必要がありますか?左/下…下/上?

私はこのシナリオを持っています:

enter image description here

図に示されているように、私の現在のデザインは、Windowsエクスプローラー(および、さらに言えば、他の矢印アイコンを使用したOSX Finder)で採用されているアプローチと一致していません。

だから私の質問は:

  • HEADLINE 1.1がそのサブヘッドラインのコンテンツの折りたたみ状態を制御し、サブヘッドライン自体が表示されている場合は制御しないことを伝える方法は?

UPDATE:これはライブの例です

4
agib

ここで参照している三角形のエキスパンダーコントロールは、Microsoftの Progressive Disclosure Controls Guidelines で説明されています。この特定のコントロールは、(「未来の状態」、つまり選択したときの状態とは対照的に)現在の状態で表示される唯一のコントロールです。これは、(明らかに)回転レバーに似ているため、アクションが発生しました。

回転三角形

目的-詳細を表示:個々のアイテムの追加情報を表示または非表示にします。コンテナの拡張にも使用されます。

外観-回転する三角形は、回転するレバーに少し似ているため、アクションが発生した方向を指します。

グリフが示す-現在の状態

2
JonW

ツリービューは使用しません。 (A)HEADLINE 1.1とHEADLINE 1.2を「EXPAND ALL」オプションの見出しとして使用します。その下に、折りたたみ可能なサブヘッダーを持つツリーを配置しました。 (B)要素が多すぎる場合は、ツリーを2つのビューに分割することもできます(最初はリストで、2番目はツリーです)。

Examples

2
sysscore