查看: 5964|回复: 0

Justinmind 计算表达式及条件使用方法示例

[复制链接]

0

主题

208

回帖

682

积分

版主

Rank: 7Rank: 7Rank: 7

积分
682
发表于 2014-9-1 14:17:19 | 显示全部楼层 |阅读模式
尹广磊公众帐号
常有同行反映看了Justinmind的计算表达式有点晕,条件判断也不知道怎么使用。下面我给大家做个表单计算示例:
实现目标:根据单价(静态)和数量(动态),自动计算出金额。下图:
2014-08-31_22-00-13.jpg
在数量文本框右侧添加两个矩形部件,上方为+,下方为-,点击+或-自动减1,当数量为0时,不允许计算。

【具体步骤】 (只介绍重点

2014-08-31_22-05-50.jpg
1、选中+;2、添加事件(点击+按钮设置数量+1):
2014-08-31_22-07-28.jpg
3、事件为“鼠标单击时”(默认);4、选择动作为“设置值”;5、选择设置值的对象部件;6、选中“计算”;7、点击“(添加表达式)”弹出窗口:
2014-08-31_22-09-55.jpg
8~9、分别将数量部件和计算功能中的“+”拖放到上方的数量表达式中;10、输入“1”:
2014-08-31_22-10-18.jpg

2014-08-31_22-10-59.jpg
11~12确定两次后返回到主工作区:
2014-09-01_8-15-44.jpg
13、再次添加点击事件(根据改变后数量计算出金额):
2014-08-31_22-12-08.jpg
2014-08-31_22-12-54.jpg
14~19 不再赘述,至此“+”按钮添加好了两个点击事件:
2014-08-31_22-14-20.jpg

下面我们对“-”按钮也要添加相同的事件,只不过点击一次数量-1,并判断当数量为0时不再减1和计算金额。
我们只要复制“+”按钮事件,然后只需将数量+1改为-1即可。
20、如下图选中“+”按钮,在下方点击“复制事件”图标:
2014-08-31_22-14-48.jpg
21、再选中“-”按钮;22、然后点击在下方的粘贴按钮:
2014-08-31_22-15-15.jpg
23、双击 数量+1 的那个事件:
2014-08-31_22-15-52.jpg
24、编辑表达式:
2014-08-31_22-16-52.jpg
25~28将+修改为-:
2014-08-31_22-17-15.jpg
2014-08-31_22-17-35.jpg
2014-08-31_22-18-26.jpg
29、在数量-1的事件上添加条件限制(当数量≥1时
2014-09-01_14-05-29.jpg
30~32、设置条件判断:
2014-09-01_9-33-30.jpg
33、确定,返回主工作区,然后点“模拟”按钮即可查看生成的原型:
2014-08-31_22-19-55.jpg


示例文件:
计算.rar (11.69 KB, 下载次数: 4)
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-12-28 01:40

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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