进度条

1. 概述

进度条控件用于配置进度条资源。需要用户填入进度条的前景和背景图片资源,通过前景图片的显示变化来实现进度条的增长效果。用户可以设置进度条的各种属性,如位置、尺寸、类型、填充方式、增长方式、指示器等,并生成符合要求的进度条资源文件,供固件解析并使用。

创建路径:基本>进度条

2. 界面参数说明

2.1 基本信息

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

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

    • 格式要求:

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

      • 长度不能超过15个字符

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

    • 特征值:以13开头

2.2 位置和尺寸

  • 位置 x:进度条在容器中的X坐标位置

  • 位置 y:进度条在容器中的Y坐标位置

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

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

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

2.3 对齐控件

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

2.5 填充

  • 进度条:点击选择进度条的前景样式

  • 进度条背景:点击选择进度条的背景样式,需要保持和前景图的大小相同

  • 指示器图片:点击选择进度条的指示器图片

2.6 线性进度条

  • 增长方式:设置进度条的增长方向(从左到右、从右到左、从上到下、从下到上)

  • X偏移:设置指示器在X轴方向的偏移量

  • Y偏移:设置指示器在Y轴方向的偏移量

2.7 弧形进度条

  • 增长方式:设置进度条的增长方向(顺时针、逆时针)

  • X偏移:设置指示器在X轴方向的偏移量

  • Y偏移:设置指示器在Y轴方向的偏移量

  • 旋转中心:进度条的旋转中心坐标(默认值为进度条中心,无法修改)

  • 旋转角度:用户可自定义进度条的旋转角度范围

    • 起始角度:进度条的起始角度,默认值为0度

    • 结束角度:进度条的结束角度,默认值为360度

3. 演示视频