Axure RP8 学习笔记一(变量函数)

概述:变量没有固定值,我们可以用一个变量配合函数,把不同的数值变化关联起来,实现交互展示。



本次学习内容为:对订单数量进行增减,同时要求订单金额跟随变动。


实际需求:点击加减时,同步改变订单数量和金额。


订单数量增减


▲  数量加减


属性配置如下:


思路解析:订单数量是变化的,于是我们赋予它一个变量“a”;点击加时,订单在现有的基础上“+1”;同理,点击减则表现为“-1”,在这里需要加入一个判断,订单不能为负数;计算完成后,我们需要将改变后的值,重新在文本框表现出来


上述计算赋值:(a=订单数量)


注:涉及函数计算,文本框类型应限定问数字



订单金额跟随订单数量变动


▲  金额跟随数量变化


属性配置如下:

思路解析:订单金额为“单价*数量”,而金额也是不断变化的,要实时变动,于是也要给它添加个变量“money”,其他部分和加减基本一样,都是计算后,重新复制给显示框


上述计算时,赋值:(单价=15,money=金额,a=订单数量)


但这里要注意:计算“money=a*15”时,这里的a是变化之前的,所以“+”时,我们要再加上15(单价),;“-”时,我们要再减去15(单价)


ps:此处是多次尝试得出的结果,此计算顺序的原因,暂未研究明白



变量拓展应用


▲   跨页面的文本框联动


属性配置如下:

思路解析:不同文本框内容同步,还是用变量,赋值第一个文本框输入内容等同于变量“S”,直接赋值第二个文本框在载入时,显示变量“S”

此处,要跳转,来展示效果,于是在第一页,添加了一个跳转按钮


注:此处无需限定,文本类型为文本,也可显示文字


你可能感兴趣的:(Axure RP8 学习笔记一(变量函数))