首页 > 其他 > 详细

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

时间:2020-01-20 17:58:26      阅读:104      评论:0      收藏:0      [点我收藏+]
  • 案例来源

天猫-商品详情

  • 案例效果

初始状态,如图:

技术分享图片

  • 案例描述

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

  • 元件准备

技术分享图片

  • 包含命名

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

  • 思路分析

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

  • 操作步骤

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

技术分享图片

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

技术分享图片

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

技术分享图片

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

技术分享图片

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

原文:https://www.cnblogs.com/dota304041516/p/12218532.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!