Justinmind使用教程（2）——计算表达式及条件使用方法

标签：产品设计   justinmind   

Justinmind的计算表达式以及条件condition的使用对于初学者而言比较麻烦。

结合网上了一个教程本文主要针对计算器示例进行计算表达式以及条件的使用。

实现目标：根据单价（静态）和数量（动态），自动计算出金额。下图：

在数量文本框右侧添加两个矩形部件，上方为+，下方为－，点击+或－自动减1，当数量为0时，不允许计算。

【具体步骤】 （只介绍重点）


1、选中+；2、添加事件（点击+按钮设置数量+1）：

3、事件为“鼠标单击时”（默认）；4、选择动作为“设置值”；5、选择设置值的对象部件；6、选中“计算”；7、点击“（添加表达式）”弹出窗口：

8～9、分别将数量部件和计算功能中的“+”拖放到上方的数量表达式中；10、输入“1”：



11～12确定两次后返回到主工作区：

13、再次添加点击事件（根据改变后数量计算出金额）：


14～19 不再赘述，至此“+”按钮添加好了两个点击事件：


下面我们对“－”按钮也要添加相同的事件，只不过点击一次数量－1，并判断当数量为0时不再减1和计算金额。
我们只要复制“+”按钮事件，然后只需将数量+1改为－1即可。
20、如下图选中“+”按钮，在下方点击“复制事件”图标：

21、再选中“－”按钮；22、然后点击在下方的粘贴按钮：

23、双击 数量+1 的那个事件：
 
24、编辑表达式：

25～28将+修改为－：



29、在数量－1的事件上添加条件限制（当数量≥1时）

30～32、设置条件判断：

33、确定，返回主工作区，然后点“模拟”按钮即可查看生成的原型：

Justinmind使用教程（2）——计算表达式及条件使用方法

标签：产品设计   justinmind   

原文地址：http://blog.csdn.net/rocket5725/article/details/40392841