Axure教程：可使用的计算器demo制作（下）

　　上篇文章《Axure教程：可使用的计算器demo制作（上）》，讲完了数字键0、19以及其他几个键的事件设置，这篇文章补充讲完键、键的事件写法，完成整个计算器demo的制作，建议先看完上一篇。下面继续完成事件设置～
　　1、键的事件设置
　　点选键，鼠标单击时，设置屏幕文字为〔〔LVAR1100〕〕，其中LVAR1为局部变量，表示原屏幕文字。
　　解析：计算器里键表示的是求屏幕数字的百分比，所以点击时，设置原屏幕文字除以100即可；值得说明的事，在Axure运算函数中，运算代表的是求余数（上篇文章讲到的，号代表加法运算，代表减法运算，号代表乘法运算，号代表除法运算），如设置单击某按钮，设置按钮文字为〔〔72〕〕，触发事件时，则按钮文字会变为1。
　　2、键的事件设置
　　点选键，鼠标单击时，编辑条件，设置条件当屏幕文字不包含时，设置屏幕文字为〔〔LVAR1〕〕，其中LVAR1表示原屏幕文字。
　　接着，继续添加键的单击用例case2，设置屏幕文字为〔〔LVAR1。slice（1，LVAR1。length）〕〕，其中LVAR1表示原屏幕文字。
　　解析：关于键写法的思路，键其实就是设置屏幕文字为原屏幕文字的相反数。当屏幕为正数时（即屏幕文字不包含号情况），在原屏幕文字前加上号，否则（即当屏幕文字包含号情况），去除原屏幕文字前方的号，保留号后面的文字即可（此时需要运用到两个字符串函数，解析见下方）。
　　slice（start，end）函数：此为截取字符串函数，表示截取某字符串从第n位，到第m位的字符，返回的结果为一串新的字符串。完整写法为〔〔LVAR。slice（start，end）〕〕，LVAR表示原字符串文字，satrt表示开始截取的位数n，end表示结束截取的位数m，返回结果新字符串包括原字符串第n位的字符，但不包括第m位的字符，且字符串从0开始计位，例如：字符串ab165，第0位为a，第1位为b，第2位为1以此类推，若此时要从该字符串里截取出新的字符串b16，则写法应为〔〔LVAR1。slice（1，4）〕〕，其中LVAR1为局部变量代表原字符串ab165文字。
　　length函数：此为字符串长度函数，求取某字符串的长度，返回的结果为一个数字。完整写法为〔〔LVAR。length〕〕，其中LVAR代表所求的字符串文字，如上述字符串ab165，求其长度具体写法为〔〔LVAR1。length〕〕，LVAR1为局部变量代表字符串ab165文字，返回结果为5。
　　3、旧键事件修改完善
　　数字键1、29事件修改完善
　　以数字键7为例，点选数字键7，添加单击时用例case3，编辑条件，当屏幕文字等于“0”时，设置屏幕文字为〔〔This。text〕〕，并将case3上移到事件最上方（右击case3事件，选择事件上移动，或直接点击case3整个事件，按住鼠标拖动到事件最上方），数字键7完整事件见上图右侧红框。
　　删除1、2、3、4、5、6、8、9数字键的事件，将数字键7的单击事件复制到这些数字键，完成1到9数字键的最终事件。
　　解析：因为键事件的写入，存在了当屏幕文字为0的特殊情况（计算器默认屏幕文字为0，默认判断条件为替换，此时点击键，则屏幕会出现该情况），在该情况下，点击数字键1、29等，应将0替换为所点击的数字，若此时依旧用原事件，则屏幕显示为0时，点击7，则屏幕文字会显示为7，与现实计算器效果不符合。
　　事件的执行是由上往下执行的，以上述数字键7为例，会先执行屏幕文字为“0”情况，如果屏幕文字不为“0”，则继续执行判断文字为“替换”情况，如果判断文字不为“替换”，再继续执行判断文字为“连接”情况的事件。
　　数字键0事件修改完善
　　点选数字键0，添加单击事件新用例case3，编辑条件当屏幕文字为“0”时，设置屏幕文字为“0”，并将case3移动至事件最上方，原理与数字键7相同。
　　小数点键事件修改
　　点选小数点键，添加单击事件新用例case2，编辑条件当判断文字等于“替换”时，设置屏幕文字为“0。”，设置判断文字为“连接”，禁用小数点，并将case2事件上移，完整小数点事件见上图右侧红框。
　　解析：原来的写法存在bug，即当完成一次算术运算后，如34，点击等号键后，屏幕文字为“7”，判断文字为“替换”，若沿用之前写法，此时点击小数点键，则屏幕文字将显示为“7。”，与现实计算器效果不符。添加判断条件，则可避免该bug出现。
　　完成上述所有操作，则一个完整有效的计算器demo就全部完成。
　　通过这个实例告诉我们，在原型的设计过程中，原型组件的事件不可能一蹴而就，组件与组件之间，事件可能存在相互影响的关系，只有通过一次次逻辑思考，进行修改完善，才能达到你期望的效果。
　　所以，原型设计的核心思想是：产品做什么，逻辑与判断条件是什么，它侧重表达业务需求；与之相关的还有一个概念“交互设计”，其核心思想是：产品怎么做，它侧重点在于用户体验设计。