悬浮操作按钮 · Floating Action Button
英文:Floating Action Button
常用组件难度:入门 ★
🗣️一句话大白话
固定在界面角落的主要操作按钮,不随内容滚走,通常代表新增、创建或快速联系。
🖼️样图参考

🎬真实场景
Dashboard、移动工具、创作应用、快速联系、主要新增操作
📮你可以这样说
「在 Punk 的项目后台右下角添加 Floating Action Button, 使用加号图标并固定在视口右下角,点击后展开 New Project、New Post 和 Upload Image 三个快捷操作; 按钮不能遮挡底部导航或重要内容,并考虑移动端安全区域。」
通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解:悬浮按钮越多越好。实际一个主要操作即可,多个会拥挤且遮挡内容
🚫什么时候别用
- ✗页面已有清晰的顶部主按钮时
🧩常见变体
单按钮 FAB展开式 FAB
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系