web-dev-qa-db-ja.com

MaterialDesign-全画面ダイアログ、複数のアクションを表示する方法

マテリアルデザインガイドライン フルスクリーンダイアログの場合、アクション(スクリーンショットのSAVEなど)は右上に表示される必要があることを示します。キャンセルは常に左上にXとして表示されます。

[〜#〜]編集[〜#〜]

これで、ユーザーがフルスクリーンダイアログにデータを入力するケースができました-ここでSAVEを上に置いても問題ありません。

その後、別のユーザーがデータを承認または拒否できます。このため、同じダイアログを表示していますが、データは読み取り専用ですが、右上には両方のアクションの場所がありません。ガイドラインに沿っていませんが、下部に表示することを考えています。

他のアイデアや提案はありますか?

2
Ridcully

私の考えでは、下部にボタンを配置できます。いずれ良くなるだろう。これはGoogleの推奨事項と一致しませんが、可能なすべてのケースをカバーできるわけではありません。

Few examples

1
Max Tsvetkov

詳細はわかりませんが、フルスクリーンのダイアログは、Googleが定義しているように、ユースケースに適していないようです。以下は、それらを使用するタイミングの概要です。

全画面ダイアログは、次の基準のいずれかを満たすコンテンツまたはタスクに使用できます。

  • ダイアログには、キーボードなどの入力方式エディター(IME)を必要とするコンポーネント(ピッカーやフォームフィールドなど)が含まれています
  • 変更がリアルタイムで保存されない場合
  • アプリにドラフト機能がない場合
  • バッチ操作を実行するとき、または変更を送信する前にキューに入れるとき

今、あなたはまだあなたの特定のユースケースを説明していません。 2つのオプションを考えることができます。

A)読み取り専用ダイアログがあり、テキストを受け入れたり拒否したりできます。その場合は、全画面のダイアログではなく、標準のダイアログ(必要に応じてスクロールが必要な場合があります)または別の画面を使用してください。

B)入力と確認が必要な部分 —を含むダイアログがあります。 "利用規約"。その場合は、全画面ダイアログ内のチェックボックスを使用して確認してください。

0
Tin Man