web-dev-qa-db-ja.com

タブと編集ボタンを備えたツールバー

次のような場合のヘルプ/意見が必要です。

次のようなタブのある典型的なマテリアルデザイン画面があります。

enter image description here

現在のタブの編集画面を開く編集ボタンを提供したいのですが。アクションバー(ツールバー)に配置してもよろしいですか?

このような: - enter image description here

編集アイコンは、現在のタブ(すべてのタブではない)の編集可能なデータを含む画面を開くはずです。親子関係(タイトル-親、タブ-子)が心配です...代わりにすべてのタブに編集ボタンを配置する必要がありますか?

3
daneejela

マテリアルデザインガイドラインに従って画面を実装しているため、画面に編集ボタンを組み込むために フローティングアクションボタン を使用することをお勧めします(他に何もない場合など)。データの主要なアクション。このように、編集ボタンは、アプリ全体よりもタブのデータに密接に結び付けられます(アプリヘッダー内の配置によって暗示されます)。

2
ikartik90

最上部のタブバーに編集オプションを与えることは、ユーザーを最上部のタブバーのプロパティと混同する可能性があるため、まったく良いオプションではありません。したがって、残っている唯一のオプションは3つのタブの下です。 3つのタブの下にあるオプションを編集すると、使い勝手がよくなる場合がありますが、ページに視覚的な矛盾が生じる可能性があります。したがって、ページをより視覚的にバランスよくするには、パンくずリストまたは他のボタンを左側に配置することをお勧めします。 enter image description here

2
Dhiraj Pandagre

見出しの高さで、タブバーの上に編集ボタンを配置することをお勧めします(下の画像を参照)。これにより、インターフェース全体がよりすっきりとナビゲートしやすくなります。

enter image description here

1
Patryk Michalik

私の意見では、アプリバーのEditアクションをトリガーするボタンは奇妙です。より具体的でない質問に答えるために、アプリバーのアクションボタンが現在のタブのみを参照できる場合いいえ、アプリバーにアプリ関連のアクションおよび/または他のページへのリンクを含むシンプルなメニューを開くメニューアイコンアプリの(ヘルプ、設定など)または現在のビューに関連するアクション(リンクではない)。したがって、アクションがタブの現在のビューに関連するものである場合、たとえば、アイテムを特定の順序で並べ替える場合は問題ありません。設定ページを開く必要がある場合は、リンクをクリックして一般設定ページを開き、そこで特定の設定を区別することをお勧めします。

マテリアルデザイン-アプリバー (私の強調):

アプリバーの右側にあるアイコンは、アプリ関連のアクションです。メニューアイコンは、オーバーフローメニューを開きます。オーバーフローメニューには、セカンダリアクションと、ヘルプ、設定、フィードバックなどのメニュー項目が含まれています。

1
Alvaro