图片轮选以主图和候选图展示一组图片,可拖动或点击选择,并把索引写入地址。
核心功能
- 图片选择:通过滑动或点击候选图切换选中图片。
- 索引联动:把选中项索引写入监视地址。
- 主次排列:用缩放、宽度和偏移比例区分主图与候选图。
本节案例:滑动选择图片。
打开第 19 页。工程为 1024×600,地址使用 LW(十六进制)。
1. 属性介绍
共用设置:位置尺寸 · 文字与图片 · 执行与声音 · 动态特效 · 安全设置。本节说明控件专有属性,图中序号对应下表。
1.1 功能设置


| 序号 | 属性 | 作用 |
|---|---|---|
| 1 | 监视地址 | 保存当前选中图片的索引。 |
| 2 | 选取图标 | 启用图片选择标记及相关设置。 |
| 3 | 候选项 | 控件中同时显示的候选项数量。 |
| 4 | 触摸滑动 | 允许沿指定方向拖动内容。 |
| 5 | 滑行惯性 | 松手后继续滑动并逐渐停止。 |
| 6 | 对齐 | 启用后,将选中图片自动对齐。 |
| 7 | 点击切换 | 设置点击候选图片切换;当前版本未将此选项下发到目标屏,可使用触摸滑动选择。 |
| 8 | 自动跟踪 | 监视地址变化后,自动跟随新的选中项。 |
| 9 | 跟踪时间 | 自动跟随到位的时间,范围 0.1~1.0 秒。 |
1.2 外观设置


| 序号 | 属性 | 作用 |
|---|---|---|
| 1 | 图片 | 按索引顺序选择轮选图片,建议采用相同尺寸。 |
| 2 | 方向 | 选择左右或上下排列。 |
| 3 | 宽度比例 | 主图片相对控件区域的宽度比例。 |
| 4 | 缩放比例 | 候选图片相对主图片的缩放比例。 |
| 5 | 偏移比例 | 调整候选图片的偏移;基准为控件高度的一半。 |
2. 应用案例
2.1 滑动选择图片
2.1.1 工程配置
添加图片轮选,按顺序选入三张图片,并放置同地址的数值控件。
| 控件 / 项目 | 地址 / 对象 | 设置 |
|---|---|---|
| 图片轮选 | LW2200 | 水平;触摸滑动、点击切换、惯性、自动跟踪开启 |
| 素材 | leaf-photo-0~2.jpg | 同一组绿植风格,索引 0~2 |
图片列表、滑动切换与排列比例:

2.1.2 运行预览

左右拖动或点击候选图,选中图片移到中心,索引同步变化。
需要确认型号或具体项目?联系技术支持 ↗