产品邦

 找回密码
 立即注册

QQ登录

只需一步,快速开始

制作数字增减的组件

[复制链接]
heying2015_2013 发表于 2015-12-8 15:39:32 | 显示全部楼层 |阅读模式

立即注册,下载精品资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
1. 首先画出一下组件:用到“输入框”,“按钮”

2. 点击“-”按钮,添加点击事件。这里我们将设定条件,即当输入框中的值大于0时,才可进行操作:


设定完条件,就可以增加点击事件了。我们首先为输入框设定一个名称,我这里设置的是“dd”。点击的效果,是要修改输入框内的值,所以我们选择组件中的“Set text”(中文应为设定文字)。

当选中需要改变的输入框名称“我设定的是dd”后,修改它的“值得”。这时会在输入框后出现函数“Fx”图标。点击图标进入窗口,重点来了。我们要在这里创建一个局部变量,用以获取此时在输入框中的值,获取之后再对它进行减少的操作。

上图中,首先在1的区域创建一个局部变量,然后在后面的下拉框中选择要获取的组件的文字(也就是dd);之后在上面2的区域选择“Insert Variable or Function”(插入变量),选择刚才设定的局部变量名,我设置的是“s”。你会在输入区域看到[]。现在我们需要进行运算,注意要把运算符号写在中括号中,最终的效果是 [[s-1]]。

确认后,可以看到函数已经应用。现在的流程是:
1. 当用户点击“-”时候,会首先判断输入框中的值;
2. 如果小于0,则不会执行减值的操作;如果大于0,则继续执行;
3. 设定局部变量,获取到输入框中的值,并且对他进行-1操作;
4. 把运算后的结果,输出在输入框中,动作完成。
同理,我们进行“+”的操作,一切相同,只是在运算时需要加值,也就是[[s+1]]。如果你不想设定上限,也不用在设定条件了。
完成后,如果常用到,就保存为组件随时调用吧。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|产品经理之家 ( 粤ICP备12078725号 )

GMT+8, 2024-3-29 03:06

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表