マテリアルデザイン-上部タブ付きの下部ナビゲーション？

Question

Materialのフレームワークとスタイルガイドに基づいた新しいダイヤラーアプリのプロトタイピング。サイドナビゲーションはオプションではありません。代わりに、4つのメインページ/機能の下部ナビゲーションを使用したいと思います。

1. 最近の通話
2. Dialer

3. 連絡先（サブページのボタンのみ）

   3.1すべての連絡先

   3.2お気に入り

   3.3国際連絡先

4. 設定

「連絡先」ページは、実際には3種類の連絡先の3ページ/タブです。だから私の問題は、マテリアルに基づいていると仮定するナビゲーションシステムで3つの接触タイプをどのように表示するかです。

これは「インターナショナル」タブの例です。

Answer 1

Google Playストアと同じように、 Chips を使用してそれらをカテゴリに分割できます。

以下のスクリーンショットを見てください。

これがどのように役立つかは、水平スワイプの要素を削除することです。あなたの質問はタブで構成されているため、スワイプ可能なタブとそうでないボトムナビゲーションの間でユーザーがスワイプするのが混乱する可能性があります。

それが作成するもう1つの幻想は空間です。チップを使用すると、タブと同じスペースを取る可能性がありますが、余白の量とツールバーからの距離のため、タブ+ボトムナビゲーションよりもはるかに良く見えます。

このソリューションでは、スピードダイヤルなどの機能画像を少し工夫することもできます。

P.S。設定をボトムナビゲーションにしないでください。オーバーフローメニューを使用します。