web-dev-qa-db-ja.com

Android階層データのマテリアルデザインパラダイム

Androidアプリのサイドメニューにいくつかの階層データを表示する必要があります。ドラッグアンドドロップできるノードを持つツリーの一種です。ツリー全体は最初から展開する必要があります。

このインターフェースはモバイルデバイス、特にスマートフォンには理想的ではないことを理解しています。このシナリオのMaterial Designで推奨されるパラダイムは何ですか?.

更新

それが私が作りたいものです。ユーザーは、Item D andItem Eの順序を変更できる必要があります。同時に移動するアイテムAアイテムB、または新しいdescentandアイテムI fromアイテムFなど。アイテムの1つをクリックすると、ビューが読み込まれ、すべてのアイテム情報とメタデータが表示されます。

Tree

2
Alessandro

ツリービューは、マテリアルデザインのガイドラインでは説明されていません。ネストされたナビゲーションはモバイルでは許可されていません。あなたがそれを説明する方法は、それをナビゲーションドロワー(サイドメニュー)に置くのが良い考えかどうか、私に本当に疑問を投げかけます。

モバイルの一般的な動作は、ドリルダウンを使用してナビゲートすることです。リスト内の1レベルのリストを取得し、アイテムの1つをクリックすると、1レベル深くなります。

これらのパターンがどれもあなたのケースに当てはまらない場合は、独自のパターンを作成することを考えることができます。

1
Tirza van Dijk

Material design webにアクセスすると、サイドバー( ナビゲーションドロワー )に2つのレベルの階層があることがわかります。最初は展開されていませんが、クリックすると展開およびスクロールできます(デスクトップまたはタッチデバイス上)。

material design

可能であれば、別のレベルの階層を導入することは避けます。たとえば、WordPressダッシュボードメニューでは、いくつかのレベルを追加できますが、編集中であっても、2番目のレベルの後で混乱します。

wp menu

あなたが持っているかもしれない問題は、スクロールデバイスとドラッグをどのように組み合わせるかです。タッチデバイスではそれは非常に似た相互作用です。

タブレットでWordPress上記の例を編集しようとすると、各要素のボックス全体が要素をドラッグ可能にするため、スクロールするには要素の外側をタッチする必要があるため、少し不快です。

要素全体をドラッグ可能にする代わりに、ドラッグアクション用に小さなボックスを側面に導入します。これにより、ユーザーがスクロールしたいときに(タッチデバイスで)ドラッグを回避できます。

これはWordPressメニュー要素がデスクトップにドラッグされる方法です:

wp menu element

1
Alvaro