图片

1. 概述

图片控件用于配置图像资源。用户可以设置图片的各种属性,如位置、尺寸、填充方式、旋转角度、不透明度等,并生成符合要求的图像资源文件,供固件解析并使用。

创建路径:基本>图像

2. 界面参数说明

2.1 基本信息

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

    • 默认值:image_xxx. 创建控件时自动生成

    • 格式要求:

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

      • 长度不能超过15个字符

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

    • 特征值:以08开头

2.2 位置和尺寸

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

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

  • 尺寸 w:图像的宽度,始终等于填充的图片宽度,不可修改

  • 尺寸 h:图像的高度,始终等于填充的图片高度,不可修改

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

2.3 对齐控件

  • 对齐控件:设置图像在容器中的对齐方式。(目前不支持)

2.4 填充

  • 填充:点击选择图片源。仅支持PNG图片。

2.5 旋转和透明度

  • 旋转角度:设置图像的旋转角度

    • 默认值:0

    • 取值范围:0-360

  • 不透明度:设置图像的不透明程度

    • 默认值:255(完全不透明)

    • 取值范围:0-255(0表示完全透明,255表示完全不透明)

2.6 输出设置

  • 图片输出格式:用户不可修改

2.7 生成资源

  • Simulator:生成模拟器用的图片bin文件

  • UID:填写要生成图片控件的UID

  • 生成资源:点击生成按钮,根据填写的UID生成对应的图片资源文件

3. 演示视频