菜单浮层
它在临时浮层中列出一组操作或命令，用户选择一项后通常会立即关闭。
- 点三个点出来的一列操作
- 右键后弹出来的选项列表
- 点小箭头展开让我选动作的框
- 操作菜单
- 下拉菜单
- 上下文菜单
示例
Web / iOS / Android 对照
Web需自己实现
桌面与移动端现代浏览器
Menu
也叫 Menubar · Context Menu
网页没有能直接生成应用操作菜单的原生元素，需要自行处理弹层、焦点、方向键和关闭行为。
通常怎么做：普通网站导航不要套菜单角色；只有桌面应用式命令菜单才按 APG Menu 模式实现。
iOS原生支持
iOS / iPadOS
Menu
也叫 Context Menu · Pull-down Menu
SwiftUI: Menu｜UIKit: UIMenu / UIContextMenuInteraction
Android原生支持
Android 手机 / 平板
Menu
也叫 Dropdown Menu
Compose Material 3: DropdownMenu
使用规范
什么时候用
- 收纳与当前对象或位置直接相关的少量命令，避免占用常驻空间
什么时候别用
- 用户必须同时比较选项说明，或菜单里塞入复杂表单和长内容
容易混淆
给 AI 的提示词
这条词条还没有经过验证的实现提示词。