- 案例来源
天猫-商品详情
- 案例效果
初始状态,如图:
- 案例描述
单击“增加”按钮时,商品数量增加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。
来源:https://www.cnblogs.com/dota304041516/p/12218532.html