查看: 9245|回复: 2

初探Axure 6:运算功能

[复制链接]

1

主题

269

回帖

292

积分

版主

Nick

Rank: 7Rank: 7Rank: 7

积分
292
QQ
发表于 2010-11-28 16:49:33 | 显示全部楼层 |阅读模式
尹广磊公众帐号
Axure 6 终于有了四则运算的功能。

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

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


Step 1:

从组件库里挑选自己需要的组件到“舞台”中
2010-11-28 16-19-58.png


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


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


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

22.png


Step 5:
计算结果,(给【按钮Calculation】在添加执行加法运算的事件)
1.判断用户选择的运算符
判断op.png
2.计算结果,把结果显示在【Result】文本框组件中
op22.png

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

Step 5.5
鼠标右键【加法运算】事件,弹出的菜单中点【Toggle IF/ELSE IF】
改赋值.png

之后你会发现改变:
333.png

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

【修改Case 名】
case名.png
【修改Case 条件】
case 条件.png
【修改Case 结果】
case 结果.png

大功告成,大家可以按【F5】看看效果,该教材的原型文件已在附件中提供,教程看不懂的可以直接下载原型文件自己研究。

计算器.rp

63.37 KB, 下载次数: 134

适不适合做产品人?请问自己:
我是否拥有完美之心、想得到、说得出、做的好

514

主题

6310

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
74242
QQ
发表于 2010-11-28 17:05:28 | 显示全部楼层
你强,这么快写教程了,我那天试了试两个变量赋值后相加,结果10+20=3,看来以后也得考虑变量类型了。

我也修改了过去的一个组件,显示还可以输入多少字符。
http://www.hiaxure.com/thread-942-1-1.html

1

主题

269

回帖

292

积分

版主

Nick

Rank: 7Rank: 7Rank: 7

积分
292
QQ
 楼主| 发表于 2010-11-28 17:26:48 | 显示全部楼层
嘿嘿~~谢谢
适不适合做产品人?请问自己:
我是否拥有完美之心、想得到、说得出、做的好
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

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

GMT+8, 2024-4-29 08:08

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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