アクションシート
Action sheet画面下端から現在の操作に関連する選択肢のリストをせり上げて表示し、1つを選ばせるiOS由来のオーバーレイUI。
○ 使う場面
- 共有・複製・削除など、2〜4個程度の関連アクションから1つを選ばせたいとき
- 選択肢の中に取り消し不能な破壊的操作を含み、視覚的に区別して見せたいとき
× 避ける場面
- 選択肢に収まらない自由な内容（フォームや詳細情報）を表示したいとき（→ボトムシート）
- PC幅でカーソル位置の近くに小さく出す方が自然なとき（→コンテキストメニュー）
別名
アクションシート、選択肢シート
近縁種との比較
「シート（sheet）」は本来「一枚の紙」を指す語で、アクションシートは画面下端から一枚の紙をせり上げるように選択肢の帯が現れる見た目をそのまま名前にしている。iPhone登場初期からAppleのアプリで使われてきた、iOS由来の古株のパターンである。
| 近縁種 | 違い・使い分け |
|---|---|
| ボトムシート | どちらも画面下端からせり上がる点で似るが、アクションシートは現在のアクションに関連する選択肢リストに用途を絞るのに対し、ボトムシートは任意のコンテンツを自由に配置できる汎用コンテナである。選択肢のみを並べるならアクションシート、フォームや詳細情報など自由な内容を載せるならボトムシートを使う。 |
| ドロワーメニュー | 同じオーバーレイ層のUIだが、ドロワーはナビゲーション項目を画面端からスライド表示する用途に使われるのに対し、アクションシートは1回限りの操作選択に用途を絞る。 |
分類
機能・役割
- ナビゲーション
- 入力・操作
- 表示・整理
- フィードバック・状態
表示レイヤー
- インライン
- 固定・追従
- オーバーレイ
- 全画面・遷移
複雑さ
- 単体パーツ
- 複合パーツ
- セクション