Floating action button 悬浮操作按钮
/FLOH-ting AK-shun BUT-un/ · noun · 操作类模式 · #057
悬浮在一切之上的圆按钮，只留给整屏最重要的那一个操作。出现两个 FAB，等于没有重点。
你可能会这样叫它
- “右下角的圆形加号按钮”
- “悬浮按钮”
- “浮在内容上面的圆按钮”
- “Gmail 的写邮件按钮”
- “角落里的添加按钮”
……它的名字是 悬浮操作按钮（Floating action button）。
代码里叫什么
| iOS (SwiftUI / UIKit) | 没有悬浮按钮，Apple 把主要操作放在导航栏或工具栏 |
|---|---|
| Jetpack Compose | FloatingActionButton ExtendedFloatingActionButton |
| Android (Views) | FloatingActionButton ExtendedFloatingActionButton |
| Flutter | FloatingActionButton Scaffold(floatingActionButton:) |
| Web (HTML) | 没有原生元素，通常是 position: fixed 的 <button> |
复制给 AI 编程工具
为这个页面最重要的那一个操作加一个悬浮操作按钮：右下角的圆形图标按钮，浮在内容之上，滚动时位置不动。给它一个说明操作的无障碍名称（例如“写新消息”），避开底部导航和安全区，一个页面只放一个。空间够时可以在图标旁显示文字（扩展型 FAB）。