Axure中继器根据购买时长计算总价

在绘制电商原型或官网原型，通常会涉及到总价的计算。可以利用Axure的中继器+文本框+函数来实现，以下以一个Saas软件根据购买时间来计价的例子来讲解，实际效果如图：

根据购买时长计价.gif

绘制步骤：

1.绘制静态原型图
绘制价格文本，并备注为“价格”标签，如图所示

image.png

放置中继器，备注为“天数”标签；放置文本输入框

image.png

2.文本框数据录入到中继器存储
事件1：给文本框设置动态交互事件，当文本框中的数据变化后更新中继器中的列

image.png

，通过临时变量将文本框中的参数传递到中继器中

image.png

事件3：当中继器加载时，将中继器中item.Column0中的数值传递到文本框的静态文本上，有点像临时缓存数据，否则数据仍是一开始初始化的值

image.png

3.将中继器中的事件参数结合计算公式赋值到“价格”标签
通过事件：引入价格计算公式，根据购买时长计算总价，如图所示

image.png