在绘制电商原型或官网原型,通常会涉及到总价的计算。可以利用Axure的中继器+文本框+函数来实现,以下以一个Saas软件根据购买时间来计价的例子来讲解,实际效果如图:
绘制步骤:
1.绘制静态原型图
绘制价格文本,并备注为“价格”标签,如图所示
放置中继器,备注为“天数”标签;放置文本输入框
2.文本框数据录入到中继器存储
事件1:给文本框设置动态交互事件,当文本框中的数据变化后更新中继器中的列
,通过临时变量将文本框中的参数传递到中继器中
事件3:当中继器加载时,将中继器中item.Column0中的数值传递到文本框的静态文本上,有点像临时缓存数据,否则数据仍是一开始初始化的值
3.将中继器中的事件参数结合计算公式赋值到“价格”标签
通过事件:引入价格计算公式,根据购买时长计算总价,如图所示