Axure 25 局部变量:增减商品数量(1)

我的未来我决定 提交于 2020-01-20 17:57:41
  • 案例来源

天猫-商品详情

  • 案例效果

初始状态,如图:

image

  • 案例描述

单击“增加”按钮时,商品数量增加1;单击“减少”按钮时,商品数量减少1;商品数量最低为1。

  • 元件准备

image

  • 包含命名

文本框(用于显示商品数量):GoodsNumber

  • 思路分析

①单击“增加”按钮时,让文本框中的数量自增1,需要获取到文本框的内容,进行加1的计算后,再填写到到文本框(见操作步骤01)。
②单击“减少”按钮时,不能直接减少,而是需要符合文本框内数值大于1的符合条件,才能够减少(见操作步骤02~03)。

  • 操作步骤

01 为“增加”按钮的【鼠标单击时】事件添加case1,设置动作为【设置文本】到文本框“GoodsNumber”;新的数值为通过【添加局部变量】“n”获取到的“GoodsNumber”【元件文字】加1,即“[[n+1]]”。
case动作设置:见图8-36。

image

局部变量设置:见图8-37。

image

02 为“减少”按钮的【鼠标单击时】事件添加case1,设置条件判断为【元件文字】“GoodsNumber”【>】【值】“1”。
条件判断设置:见图8-38。

image

03 继续上一步,设置符合条件的动作为【设置文本】到文本框“GoodsNumber”;新的数值为通过【添加局部变量】“n”获取到的“GoodsNumber”【元件文字】减1,即“[[n-1]]”(见操作步骤01)。
事件交互设置:见图8-39。

image

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!