Androidアプリのサイドメニューにいくつかの階層データを表示する必要があります。ドラッグアンドドロップできるノードを持つツリーの一種です。ツリー全体は最初から展開する必要があります。
このインターフェースはモバイルデバイス、特にスマートフォンには理想的ではないことを理解しています。このシナリオのMaterial Designで推奨されるパラダイムは何ですか?.
更新:
それが私が作りたいものです。ユーザーは、Item D andItem Eの順序を変更できる必要があります。同時に移動するアイテムA下アイテムB、または新しいdescentandアイテムI fromアイテムFなど。アイテムの1つをクリックすると、ビューが読み込まれ、すべてのアイテム情報とメタデータが表示されます。
ツリービューは、マテリアルデザインのガイドラインでは説明されていません。ネストされたナビゲーションはモバイルでは許可されていません。あなたがそれを説明する方法は、それをナビゲーションドロワー(サイドメニュー)に置くのが良い考えかどうか、私に本当に疑問を投げかけます。
モバイルの一般的な動作は、ドリルダウンを使用してナビゲートすることです。リスト内の1レベルのリストを取得し、アイテムの1つをクリックすると、1レベル深くなります。
これらのパターンがどれもあなたのケースに当てはまらない場合は、独自のパターンを作成することを考えることができます。
Material design webにアクセスすると、サイドバー( ナビゲーションドロワー )に2つのレベルの階層があることがわかります。最初は展開されていませんが、クリックすると展開およびスクロールできます(デスクトップまたはタッチデバイス上)。
可能であれば、別のレベルの階層を導入することは避けます。たとえば、WordPressダッシュボードメニューでは、いくつかのレベルを追加できますが、編集中であっても、2番目のレベルの後で混乱します。
あなたが持っているかもしれない問題は、スクロールデバイスとドラッグをどのように組み合わせるかです。タッチデバイスではそれは非常に似た相互作用です。
タブレットでWordPress上記の例を編集しようとすると、各要素のボックス全体が要素をドラッグ可能にするため、スクロールするには要素の外側をタッチする必要があるため、少し不快です。
要素全体をドラッグ可能にする代わりに、ドラッグアクション用に小さなボックスを側面に導入します。これにより、ユーザーがスクロールしたいときに(タッチデバイスで)ドラッグを回避できます。
これはWordPressメニュー要素がデスクトップにドラッグされる方法です: