全部手册
SIMTUTAI / DOCUMENTATION

开发手册

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

图片轮选以主图和候选图展示一组图片,可拖动或点击选择,并把索引写入地址。

核心功能

  • 图片选择:通过滑动或点击候选图切换选中图片。
  • 索引联动:把选中项索引写入监视地址。
  • 主次排列:用缩放、宽度和偏移比例区分主图与候选图。

本节案例:滑动选择图片。

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

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

1. 属性介绍

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

1.1 功能设置

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

1.2 外观设置

外观设置:完整 IDE 窗口,红框定位
外观设置:完整属性及序号
序号 属性 作用
1 图片 按索引顺序选择轮选图片,建议采用相同尺寸。
2 方向 选择左右或上下排列。
3 宽度比例 主图片相对控件区域的宽度比例。
4 缩放比例 候选图片相对主图片的缩放比例。
5 偏移比例 调整候选图片的偏移;基准为控件高度的一半。

2. 应用案例

2.1 滑动选择图片

2.1.1 工程配置

添加图片轮选,按顺序选入三张图片,并放置同地址的数值控件。

控件 / 项目 地址 / 对象 设置
图片轮选 LW2200 水平;触摸滑动、点击切换、惯性、自动跟踪开启
素材 leaf-photo-0~2.jpg 同一组绿植风格,索引 0~2

图片列表、滑动切换与排列比例:

图片列表、滑动切换与排列比例,完整窗口红框标注

2.1.2 运行预览

滑动选择图片连续操作演示

左右拖动或点击候选图,选中图片移到中心,索引同步变化。