web-dev-qa-db-ja.com

モーダルビュー内のタブバー-iPhone

IOS UI(iPhone)のモーダルビューにTabBarを配置しても問題ありませんか?

アプリに「連絡先を選択」ビューがあり、モーダルビューにする予定です。ただし、「連絡先の選択」は、「お気に入り」、「連絡先」(アドレス帳リスト)、および「キーボード」(番号を手動でダイヤルする)のビューのセットです。

制限はありません-「連絡先の選択」はナビゲーションコントローラーの一部である可能性がありますが、私の知る限り、ナビゲーションコントローラー内のTabBarは悪い習慣と見なされています。

一般的な慣習は、タブバーがルートコントローラーであることです。したがって、モーダルビューで使用できるかどうかはわかりません。

現在2つのオプションが表示されます。

  1. TabBarを使用したモーダルビュー
  2. ナビゲーションバーのセグメント化されたボタンでメインナビゲーションスタックを表示します(ただし、ここでは、テーブルビューの結果をフィルターするためにより多く使用されていると思います)

そのような経験はありますか?

8
OgreSwamp

連絡先/参加者を選択するための2つの異なるアプローチを提供できます。

enter image description here

Viberはメッセージの作成時に連絡先の選択に1つのリストを使用します。ユーザーが連絡先に追加されていない番号にメッセージを作成する場合、ユーザーはその番号を検索フィールドに直接入力できます。このようにして、画面の面積を節約します。

Skypeは連絡先の選択により多くのカテゴリを提供し、目的のタブバーではなく、タイル付きの拡張可能なパネルを使用して、注目のフィルターを選択しています。

enter image description here

enter image description here

これにより、画面の面積が節約されるだけでなく、ビューを折りたたむことができるため、ビューを混雑させることなく、追加のフィルターを追加できます。ただし、コントロールにはいくつかの発見可能性の問題があります。

あなたのアプリケーションでは、1つの理由でViberバージョンを使用することをお勧めします。ユーザーが連絡先を検索できるようにして、ユーザーが選択した電話番号を入力できるようにしたい場合、Viberはこれをうまく行います。ただし、お気に入りをフィルターに追加することもできます。アプリケーションでの使用パターンがどのように見えるかはわかりませんが、「お気に入り機能」はiOSユーザーの間で利用されているものではなく、ネイティブ機能ではないことがわかります。

個人的にはこのビューでお気に入りフィルターを破棄することを検討しますが、それがやりたいことではない場合は、「お気に入り」コピーの代わりに「スターアイコン」を使用するなど、それをViberソリューションに統合する方法をおそらく見つけることができます。画面の面積を節約するためのフィルターを表します。

5
AndroidHustle

Option 1。しない方がいい。それはあなたが考えているよりも混乱するかもしれません。 TabBarあなたが言及したように、ルートナビゲーションコントロールとしてのみ。

ユーザーが現在のモードまたは画面で要素を操作できるようにするタブバーを使用しないでください(それがツールバーの目的です)。アプリのすべてのレベルからアクセスできる必要があり、アプリの情報階層をフラット化するのに役立ちます。

Option 2。それはそれほど悪ではないと思います。私の意見では、より適切なフィルター処理はScopeBarのように考えられ、あなたの場合SegmentedControlは完全に機能します。

4
Phil Mobile

連絡先が大量にある場合は、ユーザーがそれらの連絡先を検索したいと考えるのが賢明です。したがって、オプションは、ビューの上部に検索バーwithスコープバーを表示することです。スコープバーを使用すると、「すべて」、「お気に入り」などを切り替えることができます。適切なモーダルデザインの原則を維持し、ユーザーに検索機能を追加します。

0
random