页面导航
浮动按钮
浮动按钮(Floating Action Button,简称FAB)是一种悬浮在页面上的圆形按钮,常见于网页和移动应用中,主要用于提供核心操作入口(如添加、新建、分享等)、快速导航、固定位置的交互入口等功能,优化用户体验并强化品牌形象,尤其在移动端设计中因其高效性和适应性而被广泛应用。
应用场景
- 主要操作:在移动应用中,浮动按钮通常用于执行应用程序中的主要操作。例如,在一个社交应用中,浮动按钮可能用于创建新帖子或发送消息。
- 导航:浮动按钮可以用于导航到应用的主要部分。例如,在一个新闻应用中,浮动按钮可以是一个返回顶部按钮,帮助用户快速回到页面的顶部。
- 紧急操作:在一些需要快速响应的应用中,浮动按钮可以用于执行紧急操作。例如,在一个健康监测应用中,浮动按钮可以是一个紧急呼叫按钮,用于在紧急情况下快速联系医疗援助。
- 购物车:在电商应用中,浮动按钮通常用于访问购物车或进行购买操作。用户可以通过点击浮动按钮快速查看购物车内容或进行结账。
常用属性
属性 | 作用 | 默认值 |
---|---|---|
海拔高度 | 设置按钮的海拔高度,增加立体感 | 6 |
背景颜色 | 设置按钮的背景颜色 | #FF4B39EF |
图标 | 设置按钮的图标 |