图组

1. 概述

图组控件用于配置和生成图组资源。用户可以设置图组的各种属性,如位置、尺寸、数据绑定、数据范围、填充类型、数字格式、间距、对齐方式等,并生成符合要求的图像资源文件,供固件解析并使用。

创建路径:基本>图组

2. 界面参数说明

2.1 基本信息

  • ID:图片控件的唯一ID,用于固件代码查找UID,用户可以根据需求修改

    • 默认值:imageArray_xxx(自动生成,如imageArray_42)

    • 格式要求:

      • 只能包含字母、数字和下划线

      • 长度不能超过15个字符

  • UID:图像资源的唯一标识符,用于固件代码查找图片控件。系统自动生成,用户无需手动设置。

    • 特征值:以10开头

2.2 位置和尺寸

  • 位置 x:图组在容器中的X坐标位置

  • 位置 y:图组在容器中的Y坐标位置

  • 尺寸 w:图组的宽度

  • 尺寸 h:图组的高度

注意:控件范围不能超过父控件范围,否则可能导致组件显示异常或生成报错。

2.3 对齐控件

  • 对齐控件:设置本控件向其他控件的对齐方式。(目前不支持)

2.4 数据绑定

  • 数据绑定:点击右侧的"+"按钮可以添加数据绑定

    • 功能:将图组与数据源关联,实现动态更新

2.5 数字填充(取决于数据源是否支持)

需要用户填入0-9的数字图片,组合显示绑定的目标数据。注意图片的尺寸需要一致。

  • 格式:设置数字的显示格式,具体的格式设置参考:GUI Builder 数据源

  • 间距:设置数字之间的间距

  • 对齐:设置数字在容器中的对齐方式

2.6 普通填充(取决于数据源是否支持)

将数据源等分,每个数值梯度对应一张图片。

  • 张数:修改数值梯度以修改图片张数,张数越多越精细

3. 演示视频