AiFlutter 文档AiFlutter 文档
入门指南
更新日志
官网
市场
社区
低代码平台
GitHub
入门指南
更新日志
官网
市场
社区
低代码平台
GitHub
  • 入门指南

    • AiFlutter 简介
      • 产品介绍
    • 快速开始
    • 工作空间概览

      • 工作台
      • 进入工作台
      • 工作台结构
      • 账户设置
      • 订单中心
      • 项目
      • 团队
      • 资源
    • 操作界面说明

      • 操作界面简介
      • 素材管理
      • 日志管理
      • 主题设置
      • App设置
      • 小部件面板
      • 自定义组件
      • 页面管理
      • 页面编辑窗口
      • 流程图
    • 组件介绍

      • 页面布局
      • 内容展示
      • 动画图表
      • 交互行为
      • 表单元素
      • 页面导航
      • 系统工具
    • 集成硬件
    • API管理
    • 数据库
    • 自定义管理
    • iOS软件包上传TestFlight并测试
    • 实践案例

      • 老板要求两天开发一个App,半天搞定!!!
      • 一个小时搞定蓝牙调试助手!!!
      • 一个小时搞定串口调试助手!!!

页面导航

浮动按钮

  浮动按钮(Floating Action Button,简称FAB)是一种悬浮在页面上的圆形按钮,常见于网页和移动应用中,主要用于提供核心操作入口(如添加、新建、分享等)、快速导航、固定位置的交互入口等功能,优化用户体验并强化品牌形象,尤其在移动端设计中因其高效性和适应性而被广泛应用。

应用场景

  1. 主要操作:在移动应用中,浮动按钮通常用于执行应用程序中的主要操作。例如,在一个社交应用中,浮动按钮可能用于创建新帖子或发送消息。
  2. 导航:浮动按钮可以用于导航到应用的主要部分。例如,在一个新闻应用中,浮动按钮可以是一个返回顶部按钮,帮助用户快速回到页面的顶部。
  3. 紧急操作:在一些需要快速响应的应用中,浮动按钮可以用于执行紧急操作。例如,在一个健康监测应用中,浮动按钮可以是一个紧急呼叫按钮,用于在紧急情况下快速联系医疗援助。
  4. 购物车:在电商应用中,浮动按钮通常用于访问购物车或进行购买操作。用户可以通过点击浮动按钮快速查看购物车内容或进行结账。

常用属性

属性作用默认值
海拔高度设置按钮的海拔高度,增加立体感6
背景颜色设置按钮的背景颜色#FF4B39EF
图标设置按钮的图标

image-20250510223141057

左抽屉

右抽屉

页面视图

导航切换

上次更新:
上一篇
表单元素
下一篇
系统工具