组件是封装了专门功能的图形对象。App Designer界面设计环境的左侧为组件库,库中陈列了App Designer提供的各种组件。这些组件跟窗体一起构成程序的界面。
组件库中各组件及其说明如表1-1中所示。其中,“函数”表示程序运行时动态创建对应组件的函数。本章第2节会对表中比较常用的组件进行详细介绍。
表1-1 App Designer提供的组件
| 字段名称 | 图标 | 函 数 | 说 明 |
|---|---|---|---|
| 标签 | uilabel | 显示不可交互操作和修改的文本 | |
| 编辑字段(文本) | uieditfield | 可以输入和显示文本 | |
| 编辑字段(数值) | uieditfield | 可以输入和显示数值 | |
| 文本区域 | uitextarea | 可以输入和显示多行文本 | |
| 按钮 | uibutton | 可以通过该组件发出指令 | |
| 状态按钮 | uibutton | 可以通过该组件显示状态 | |
| 切换按钮组 | uibuttongroup | 一组包含在按钮组组件中的切换按钮,实现单选 | |
| 单选钮组 | uiradiobutton | 一组包含在按钮组组件中的单选钮,实现单选 | |
| 复选框 | uicheckbutton | 实现多选 | |
| 列表框 | uilistbox | 列出多个选项,可以从中选择,单选或多选 | |
| 下拉框 | uidropdown | 列出多个选项,可以从中选择,单选 | |
| 微调器 | uispinner | 在指定的连续范围内选择值 | |
| 图像 | uiimage | 显示图像 | |
| 滑块 | uislider | 在指定的连续范围内选择值 | |
| 表格 | uitable | 用表格显示数据 | |
| 超链接 | uihyperlink | 超链接 | |
| HTML | uihtml | HTML格式的文本 | |
| 日期选择器 | uidatepicker | 选择日期 | |
| 树 | UITree | 树型大纲 | |
| 带复选框的树 | UITree | 带复选框的树型大纲 | |
| 坐标系 | UIAxes | 绘图坐标系 | |
| 面板 | UIPanel | 容器组件,面板 | |
| 选项卡 | UITabGroup | 容器组件,选项卡 | |
| 网格布局 | UIGridLayout | 网格布局工具 | |
| 工具条 | UIToolbar | 工具条 | |
| 菜单 | UIMenu | 菜单 | |
| 上下文菜单 | UIContextMenu | 上下文菜单 |