罗凤
中继器在原型设计中应用广泛，不仅可以快速构建静态数据表格，还可以实现很多动态的效果。本期介绍两个常用设计。
一、制作动态加载的条形图
图表在数据统计类模块经常用到，也有专门的库文件。我们可以使用中继器，制作出自己想要的图表。下面以车间产量统计图为例，制作一个横向的柱状图，即条形图。目标效果为：动态加载条形图，鼠标移动到各个条形图中，显示所在的车间和产量值。
步骤如下：
1.在画布中绘制坐标系组合：图表名称、XY轴、X轴刻度线（每条刻度线间隔100）、刻度值
2.在画布中拖入一个竖向中继器，中继器的Item中放置：一个代表Y轴的数据项的矩形：车间、一个代表横向条形条的矩形：产量，一个隐藏的半透明矩形：提示
3.为中继器装载两个数据项：name、value。
4.设置中继器加载时事件：设置车间文本为Item.name，产量文本为Item.value，设置产量宽度为Item.value/1*2，线性效果1000毫秒。
5.鼠标移入跟随显示提示效果：为产量设置鼠标移入、移动、移出时事件：移入时显示提示，设置提示文本为[[Item.name]]：[[Item.value]]，设置提示位置为[[Cursor.x+5]],[[Cursor.y-5]]，移动时提示位置为[[Cursor.x+5]],[[Cursor.y-5]]，移出时隐藏提示
6.将坐标系组合置顶，中继器和坐标系组合放置在合适的位置。
效果：
二、下拉滚动加载效果
移动端下拉滚动加载数据也是经常用到的，下面我们用中继器实现一个滚动加载的效果
步骤如下：
1.在画布中投入一个动态面板1，设置大小为800*500，在动态面板中拖入另一个的动态面板2，设置大小为821*500
2.在动态面板2中拖入中继器，在中继器下方放置一个矩形，设置大小为800*100，在矩形中加入加载图片、正在加载文本，组合为加载等待。中继器中放置一个800*50的矩形，为中继器装载数据，并设置项目加载时事件：矩形文本设置为“项目[[Item.index]]”
3.设置加载等待的隐藏和显示
4.为动态面板二设置向下滚动时事件
效果：
以上我们用中继器实现了常用的两种动态控件效果，中继器是一个功能强大的组件，它不仅可以作为一个临时的数据库，用于存储和操作数据，轻松地展示列表信息。灵活使用，我们可以用它来制作许多自定义控件，实现我们想要的效果。尤其是创建一些动态和交互式的界面元素，帮助我们更加方便地创建复杂的交互界面。
