指针

概述

指针控件是在图片控件的基础上,增加数据绑定,使图片跟随数据的变化而旋转的控件。用户可以设置指针的各种属性,如位置、尺寸、数据绑定、数据范围、旋转属性、旋转中心等,并生成符合要求的图像资源文件,供固件解析并使用。

创建路径:基本>指针

1. 界面参数说明

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

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

    • 格式要求:

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

      • 长度不能超过15个字符

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

    • 特征值:以08开头

2.2 位置和尺寸

  • 位置 x:指针在容器中的X坐标位置

  • 位置 y:指针在容器中的Y坐标位置

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

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

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

2.3 对齐控件

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

2.4 填充

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

2.5 数据绑定

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

    • 功能:将指针与数据源关联,实现动态更新旋转角度

2.6 旋转和透明度

  • 旋转角度:设置图像的旋转角度(以0.1度为单位)

    • 默认值:0

    • 取值范围:0-3600

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

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

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

2.7 旋转中心

  • 旋转中心:设置指针图片的旋转中心点

    • 当前选择:图片中心

    • 支持选择图片中心或自定义中心点

2.8 输出设置

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

演示视频