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

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

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

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

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

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

小部件面板

在AiFlutter中,小部件是构建应用用户界面的基础单元,每个小部件都代表一个基本的的UI元素,于定义应用的布局和功能。通过组合基础小部件(如文本、按钮和容器)与更复杂的多子小部件(如行、列和列表),您可以轻松设计应用的用户界面。

进入小部件面板

点击左侧导航栏中的10 按钮进入到小部件面板

1

小部件分类

小部件分成最近使用、常用元素、布局元素、基本元素、页面元素以及表单元素。

  • 最近使用: 显示最近使用的小部件,方便快速找到使用过的小部件。
  • 常用元素: 存放了一些常用的元素,如文本、按钮、图片、图标等。
  • 布局元素: 用于构建应用的结构与布局。它们决定了其他小部件在屏幕上的排列方式以及显示效果
  • 基本元素: 用于构建应用程序视觉效果和交互功能的核心组成部分,提供了实现界面设计的基本单元
  • 页面元素: 由浮动按钮、左抽屉以及右抽屉组成,这些元素通常用于创建复杂的用户界面,如导航栏、工具栏、底部导航栏等。
  • 表单元素: 是用户与应用程序交互的重要部分,它们允许用户输入数据、选择选项或执行其他操作。这些元素包括文本框、下拉列表、复选框、单选按钮等。

小部件的相关详情可查看教程 组件介绍

小部件搜索

在AiFlutter中,您可以通过搜索框快速找到您需要的小部件。只需在搜索框中输入小部件的名称即可查看相关的小部件。

小部件操作

小部件操作方式有两种

  1. 通过中间画布选中小部件操作
  2. 通过左侧的小部件树选中小部件操作

小部件添加

拖动小部件到画布中

小部件删除

在进行页面搭建时,我们可能需要对已存在的小部件进行删除,使其达到我们预期的效果

小部件复制

在进行页面搭建时,我们可能需要对已存在的小部件进行复制,提高页面搭建的速度。

小部件添加父组件

在进行页面搭建时,我们可能需要对已存在的小部件进行包装,使其达到我们预期的效果

小部件替换

在进行页面搭建时,我们可能需要对已存在的小部件进行替换,使其达到我们预期的效果

小部件移动

在进行页面搭建时,我们可能需要对已存在的小部件进行移动,使其达到我们预期的效果

上次更新:
上一篇
App设置
下一篇
自定义组件