全部手册
SIMTUTAI / DOCUMENTATION

开发手册

开发手册、使用视频,应用案例。

圆形进度条用圆弧显示数值,启用滑动调节后可沿圆弧拖动输入。

核心功能

  • 圆弧显示:把数值映射为指定角度范围内的进度。
  • 触摸调节:启用后可沿圆弧拖动输入。
  • 同步显示:同地址的圆弧与数值控件同步更新。

本节案例:触摸调节与同步显示。

下载示例工程 · 下载配套素材

打开第 14 页。工程为 1024×600,地址使用 LW(十六进制)。

1. 属性介绍

共用设置:位置尺寸 · 文字与图片 · 执行与声音 · 动态特效 · 安全设置。本节说明控件专有属性,图中序号对应下表。

1.1 功能设置

功能设置:完整 IDE 窗口,红框定位
功能设置:完整属性及序号
序号 属性 作用
1 监视地址 读取当前值,操作控件时写入所选值。
2 数据类型 选择与设备数据一致的整数或浮点类型,避免位宽或符号解析错误。
3 开始值 量程起点对应的数值。
4 结束值 量程终点对应的数值。
5 滑动调节 启用后可拖动滑块改变数值;关闭时仅显示。
6 松开时通知 启用后,在松开滑块时发送数值变化通知。
7 滑块大小 圆弧滑块的尺寸;与圆环厚度分别设置。
8 滑块图片 选择用于拖动的滑块图片。

1.2 外观设置

外观设置:完整 IDE 窗口,红框定位
外观设置:完整属性及序号
序号 属性 作用
1 厚度 设置圆环或滑动条的粗细。
2 开始角度 圆弧或指针量程的起始角度。
3 占用角度 量程跨越的角度,范围 0~360°。
4 显示效果 选择当前控件支持的纯色、渐变或图片效果。
5 前景颜色 已完成进度部分的颜色。
6 圆帽 将进度起止端显示为圆头。

1.3 图片显示

图片显示:完整 IDE 窗口,红框定位
图片显示:完整属性及序号
序号 属性 作用
1~4、6 同名属性 含义与本节前面的同名属性相同。
5 进度图片 用于显示已完成进度的图片。

2. 应用案例

2.1 触摸调节与同步显示

2.1.1 工程配置

添加两个圆形进度条,绑定同一地址,仅左侧启用滑动调节。

控件 / 项目 地址 / 对象 设置
左侧圆弧 LW1D00 0~100;启用滑动调节;滑块 22
右侧圆弧 LW1D00 关闭滑动调节
中心数值 LW1D00 只读显示

左侧圆弧:启用滑动调节:

左侧圆弧:启用滑动调节,完整窗口红框标注

右侧圆弧:同址显示,关闭调节:

右侧圆弧:同址显示,关闭调节,完整窗口红框标注

2.1.2 运行预览

触摸调节与同步显示连续操作演示

沿左侧圆弧拖动,两侧数值和圆弧同步变化。