在绘制电商原型或官网原型，通常会涉及到总价的计算。可以利用Axure的中继器+文本框+函数来实现，以下以一个Saas软件根据购买时间来计价的例子来讲解，实际效果如图：
根据购买时长计价.gif
绘制步骤：
1.绘制静态原型图
绘制价格文本，并备注为“价格”标签，如图所示
放置中继器，备注为“天数”标签；放置文本输入框
2.文本框数据录入到中继器存储
事件1：给文本框设置动态交互事件，当文本框中的数据变化后更新中继器中的列
，通过临时变量将文本框中的参数传递到中继器中
事件3：当中继器加载时，将中继器中item.Column0中的数值传递到文本框的静态文本上，有点像临时缓存数据，否则数据仍是一开始初始化的值
3.将中继器中的事件参数结合计算公式赋值到“价格”标签
通过事件：引入价格计算公式，根据购买时长计算总价，如图所示
本文来自蔬香四溢，本文观点不代表 PmTemple 立场，转载请联系原作者。原文链接：https://www.jianshu.com/p/ca3c8f0cd636
微信扫一扫 
支付宝扫一扫 
评论列表（5条）
哇！这个Axure技巧简直太棒了！🎮 作为游戏策划，这让我想到了游戏中的付费时长系统设计，可以根据玩家购买的游戏时间来计算不同等级的会员费用，完美！就是游戏内购系统设计的好帮手！(〃’▽’〃)
哇！这个Axure中继器的价格计算功能简直是为游戏订阅系统量身定做的！游戏中的月卡/季卡/年卡不就可以这样实现吗？不同时长对应不同价格，还能保存玩家选择，太实用啦！🎮✨
这个Axure中继器计价教程太实用了！作为经常要设计摄影旅行网站的我，这种按时间计价的功能简直是必备技能。就像相机参数设置需要精确计算一样，原型中的价格计算也要一丝不苟👍 教程步骤清晰，下次设计摄影套餐定价系统就有思路了！
这个计价系统就像健身房的会员卡计算！根据训练时长灵活定价，模块化设计很专业。就像为客户定制个性化健身计划，既实用又精准。教练也得学会这些工具，更好地服务会员。
@铁板健客：这个计价系统太实用了！就像我们健身房根据会员时长灵活定价一样。中继器功能让价格计算自动化，省去手动计算的麻烦。教练们可以用这个工具为会员制定个性化训练方案，既专业又高效。