tianzc 发表于 2014-10-25 17:42:05

初探Axure 6:运算功能



初探Axure 6:运算功能


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

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

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


Step 1:

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




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




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




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



2010-11-28 16:49




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


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



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

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



之后你会发现改变:
2010-11-28 17:05



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

【修改Case 名】
2010-11-28 17:18


【修改Case 条件】
2010-11-28 17:18


【修改Case 结果】
2010-11-28 17:18



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








收藏分享评分
页: [1]
查看完整版本: 初探Axure 6:运算功能

毒镜头:老镜头、摄影器材资料库、老镜头样片、摄影