Windows 8アプリで階層データを表示するためのツリービューコントロールの最適な代替品を探していました。
TFSのバグの詳細のような画面があるとします。 「イテレーションパス」と呼ばれるフィールドがあり、ノードを選択してフィールドに入力するツリービューのようなものです。
私が見つけた最高の代替品は、メールアプリのフォルダー構造でした。モダンUIのマルチレベルの階層データを表示する方法に関する他のアイデア/提案がありますか?
バグの詳細画面は次のようになります。反復パスはここでは2レベルしかありませんが、それよりも多い場合があります。フル解像度の画像リンク- http://i.stack.imgur.com/VwmVK.png
Microsoftは、Windows 8を導入したとき、TreeViewディスプレイを念頭に置いてきました。今度は、アイテム(カテゴリ)をクリックし、[戻る]ボタンを使用して戻ることにより、階層を下に移動します。これは、Windows 8の階層ナビゲーションのデフォルトスタイルです。
したがって、Windows 7および以前のWindowsバージョンのスタイルのTreeViewコントロールは適用されません。 Skydriveアプリを例にとります。
スカイドライブルート
Skydrive Root> Utbildning、左上隅に戻るボタン
ミラーカラムを見たことがありますか?私は現在Webアプリを構築していて、700を超えるノードが約8層に広がっていた既存のツリービューコントロールとまったく同じ問題がありました。完全にナビゲートできない垂直のリストになってしまう可能性がありました。 Miller Columnsのようなものを使用すると、ノードに子があり、クリック可能なリンクである場合、2番目のリンクを導入する必要があるという意味でクリック可能な領域の問題がありますが、ユーザーは階層パスを表示し、かなり簡単に戻ることができます。クリック可能なエンティティをノードに追加して、子の表示を切り替えます。これは、たとえば、フォルダーエンティティのみをノードとして扱い、セカンダリナビゲーション/リンクを持たないミラーカラムビューを備えたMac Finderなどでは明らかに問題ではありません。 Windows 8アプリの開発については不明ですが、JavaScript/jQueryで適切なインターフェースをコーディングして、ネストされたリストの負荷をふるいにかけるのは非常に簡単です。
このようなことのために、Windows 8で(シンプルな)インプレースツリービューを作成することができます。
最良の例はメールアプリです。
トップレベルのグループ(「Google」など)は アコーディオン として機能します。 「Google」、「Exchange」、「Hotmail」があります。その下には、階層リストが置かれています。
子要素の前にインデントを付けるだけで、従来のコンボボックスに同様の動作を実装できます。
ツリーがもっと(または任意に)複雑な場合は、 MicrosoftのWebサイトにある階層モデルのドキュメント またはWindows 8のファイルピッカーからガイダンスを取得できます。