sos の 作業メモ

プログラミングや英会話学習、マイルや旅行、日常生活など。最近はWebFormなASP.NETのお守りがお仕事です。

日々の生活にhappyをプラスする|ハピタス Gポイント

ActionSheet

選択ダイアログみたいなもの。

  • iPhoneでは常に画面の一番下から表示され、アプリケーションのビューの手前に表示される
  • iPadではPopover内に表示される。

ガイドライン

使用目的

  • タスクを完了する方法を提示する。UIの特定の場所に選択肢を置かなくてもよくなる。
  • 危険な可能性のあるタスクを完了する前に、確認を求める。

iPhoneの場合、背景はNavigation BarやToolbarと調和させる

iPhoneの場合は同じ外観になるようにする

iPhoneの場合、キャンセルボタンを含める。

一番下にキャンセルボタンを配置する。

iPadの場合、アニメーションの有無を選ぶ

  • Popoverの外で開始したタスクに関連する選択肢の場合はアニメーションを行わず、Popoverの矢印を、発生元のコントロールや領域を指すようにする。キャンセルボタンをつけず、Popoverの外側をタップした際には閉じるようにする
  • 開いているPopoverから開始したタスクに関連する選択肢の場合にはアニメーションを行う。キャンセルボタンをつけ、Popoverの外をタップしても閉じないようにする。

害を及ぼす可能性のあるアクションを実行するボタンの場合、赤いボタンとする。

ActionSheetの一番上に赤のボタンを表示する。害を及ぼす可能性のあるボタンを、出来る限りホームボタンから遠ざける効果もある。

ActionSheetをユーザーにスクロールさせない

選択肢を多くしすぎないこと