爱评测-移动互联网评测

标题: 初探Axure 6:运算功能 [打印本页]

作者: tianzc    时间: 2014-10-25 17:42
标题: 初探Axure 6:运算功能
[attach]4064[/attach]

初探Axure 6:运算功能


Axure 6 终于有了四则运算的功能。

如何实现呢?下面的教程将会帮助你在5分钟内搞定!

先说明,本教程环境 Axure6 汉化版 ,没有下载Axure6的同学可以到这里下载:http://www.webppd.com/thread-2121-1-1.html


Step 1:

从组件库里挑选自己需要的组件到“舞台”中
[attach]4065[/attach]2010-11-28 16:49




Step 2:
给部分组件命名,(为什么要命名呢?因为不命名怎么知道谁是谁?学校里面点名不可能喊那个谁谁谁吧?)
命名方法:选中要命名的组件,在右侧的组件属性栏,标签中输入要名字
[attach]4066[/attach]2010-11-28 16:49




Step 3:
创建2个变量num1,num2,(创建2个变量用来存你要用于计算的2个输入数)
变量创建方法:键盘快捷键Alt + W ,打开的菜单中选择【管理变量】,出现【管理变量】界面,按【+】添加变量
[attach]4067[/attach]2010-11-28 16:49




Step 4:
给变量赋值,(给【按钮Calculation】添加事件,执行【变量num1】,【变量num2】赋予【文本输入框number1】,【文本输入框number2】里的值)
方法:
[attach]4068[/attach]2010-11-28 16:49



[attach]4069[/attach]2010-11-28 16:49




Step 5:
计算结果,(给【按钮Calculation】在添加执行加法运算的事件)
1.判断用户选择的运算符
[attach]4070[/attach]2010-11-28 17:05


2.计算结果,把结果显示在【Result】文本框组件中
[attach]4071[/attach]2010-11-28 17:05



注意,做完这一步后你按【F5】浏览,会发现不出现结果!
这是为什么呢?因为你还需做下面一步:

Step 5.5
鼠标右键【加法运算】事件,弹出的菜单中点【Toggle IF/ELSE IF】
[attach]4072[/attach]2010-11-28 17:05



之后你会发现改变:
[attach]4073[/attach]2010-11-28 17:05



到这里,加法功能已经实现,同学可以按【F5】看看效果,其他运算复制粘贴【加法运算】事件,相应的修改3处即可

【修改Case 名】
[attach]4074[/attach]2010-11-28 17:18


【修改Case 条件】
[attach]4075[/attach]2010-11-28 17:18


【修改Case 结果】
[attach]4076[/attach]2010-11-28 17:18



大功告成,大家可以按【F5】看看效果,该教材的原型文件已在附件中提供,教程看不懂的可以直接下载原型文件自己研究。
[attach]4077[/attach]计算器.rp (63.37 KB)下载次数:125
2010-11-28 17:18








收藏分享评分




欢迎光临 爱评测-移动互联网评测 (http://www.aipingce.com/) Powered by Discuz! X3.2