✏️ AI 术语图鉴

悬浮操作按钮 · Floating Action Button

英文:Floating Action Button

常用组件难度:入门 ★

🗣️一句话大白话

固定在界面角落的主要操作按钮,不随内容滚走,通常代表新增、创建或快速联系。

🖼️样图参考

示例 · 悬浮操作按钮
示例 · 悬浮操作按钮

🎬真实场景

Dashboard、移动工具、创作应用、快速联系、主要新增操作

📮你可以这样说

「在 Punk 的项目后台右下角添加 Floating Action Button, 使用加号图标并固定在视口右下角,点击后展开 New Project、New Post 和 Upload Image 三个快捷操作; 按钮不能遮挡底部导航或重要内容,并考虑移动端安全区域。」

通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。

⚠️边界与常见误解

  • ▸误解:悬浮按钮越多越好。实际一个主要操作即可,多个会拥挤且遮挡内容

🚫什么时候别用

  • ✗页面已有清晰的顶部主按钮时

🧩常见变体

单按钮 FAB展开式 FAB

🕸️知识关系图

这个词条与相关术语、AI绘图 知识的连接关系

相关术语相关术语相关术语
底部导航
Bottom Navigation
表单
Form
仪表盘布局
Dashboard Layout
悬浮操作按钮
Floating Action Button

🔗相关术语