本文详细讲解:利用Axure中继器实现商品数量的增减,以及商品价格的总计的操作流程。
一般在做购物车、预算表中都会涉及到商品数量的增减,与商品价格的合计。
那么,我们怎么通过中继器来实现这个效果呢?本文将详细讲解此类设计的交互用例。
首先看下效果:
一、简要设计思路:
点击增加按钮
数量增加1
总计金额相对应增加商品单价
同理,
点击减少按钮
数量减少1
总计金额相对应减少商品单价
二、外部准备工作:
中继器,两个文本标签,一个文本标签写上预算;另一个文本标签取名为total用于显示金额。
中继器内部制作准备:图片元件取名为tp,三个文本标签分别取名为mc、jg和sl,减号按钮,加号按钮。
中继器交互用例设置:中继器添加三列分别为tp、mc、jg,然后添加数据。
中继器每项加载时添加用例:每项加载时,设置文本jg的值等于函数¥[[Item.jg]]、文本mc的值等于函数[[Item.mc]]、设置图片tp的值等于函数[[Item.tp]]。