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

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

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

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

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

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

页面编辑窗口

画布用于展示页面的内容,它位于操作界面中间位置

画布大小与缩放

修改画布大小与缩放相关详情可查看教程画布大小设置 、画布缩放

在画布中操作小部件与自定义组件

在画布中操作小部件与自定义组件相关详情可查看教程在画布中操作小部件 、在画布中添加自定义组件

在画布中添加页面顶部导航栏

  • 点击画布右上角的顶部导航栏图标跳出导航栏配置

    image-20250118164240748
  • 打开添加顶部导航栏开关并设置背景色即可看到顶部导航栏的出现

image-20250118163640630
  • 拖动小部件到顶部导航栏位置来设置顶部导航栏的标题、左侧组件以及右侧操作按钮

在画布中添加底部导航栏

至少需要两个页面加入底部导航栏才能在画布中查看到效果

  • 点击画布右下角的底部导航栏图标跳出导航栏配置

    image-20250118164151932
  • 打开将此页面加入底部导航栏的开关,并配置导航栏属性

    • 标签: 底部导航栏图标下展示的文本
    • 导航栏图标、图标大小、颜色: 用于设置底部导航栏图标配置
    • 活跃图标: 应用当前页面时使用的图标,如果不选择则活跃图标和上面设置的导航栏图标一致
    image-20250118164748466
  • 新建一个页面重复以上操作即可看到效果

    image-20250118164948634
上次更新:
上一篇
页面管理
下一篇
流程图