浮动按钮菜单操作
它从一个浮动按钮展开少量相关操作,收起时只占一个按钮的位置。
- 点右下角加号会散开几个按钮
- 一个圆按钮展开一串小按钮
- 角落按钮点开后让我选操作
- 速拨菜单
- 悬浮操作菜单
- 浮动展开菜单
示例
尚无经验证的示例
这条词条暂时只提供平台定义和出处,不用临时动画冒充正式内容。
Web / iOS / Android 对照
Web需自己实现
桌面与移动端现代浏览器
Speed Dial
也叫 FAB Menu
网页没有原生的浮动按钮菜单,展开、焦点顺序和关闭行为都需要自行实现。
通常怎么做:用 button 与一组操作组合,打开后移动焦点,并支持遮罩或退出键关闭。
iOS需自己实现
iOS / iPadOS
Speed Dial
也叫 FAB Menu
苹果没有浮动按钮菜单组件,多个相关操作通常放入 Menu、工具栏或操作列表。
通常怎么做:优先使用 Menu 或工具栏;不要照搬安卓右下角展开式按钮。
Android原生支持
Material 3 1.5.0-alpha24 及以上
FAB Menu
也叫 Speed Dial
Compose Material 3: FloatingActionButtonMenu
这是 Material 3 Expressive 的新接口,通常与 ToggleFloatingActionButton 一起使用。
使用规范
什么时候用
- 一个主要入口下面只有少量紧密相关的次级操作
什么时候别用
- 操作很多、需要解释文字,或用户必须先比较多个选项
容易混淆
给 AI 的提示词
这条词条还没有经过验证的实现提示词。