1. 前言
本文的登录案例源文件已上传到Github,有兴趣的同学可以下载来看看: https://github.com/ylw-github/Axure-Demo
前面写过Axure相关的文章,有兴趣的同学可以参阅:
- 《Mac 下Axure RP9下载与安装》
- 《Axure快速入门教程》
- 《Axure快速入门(01) - 面板介绍》
- 《Axure快速入门(02) - 入门例子(登录案例)》
- 《Axure快速入门(03) - 丰富的元件库》
- 《Axure快速入门(04) - 元件位置调整》
- 《Axure快速入门(05) - Master母版减少重复操作》
- 《Axure快速入门(06) -动态面板例子》
- 《Axure快速入门(07) -选项组例子》
- 《Axure快速入门(08) -网格和参考线》
有一定计算机基础的童鞋都知道,在代码中有变量和表达式两个概念,其实在Axure
中也是有的,Axure
支持简单的变量和表达式,本文举例说明下。
2. 计算商品总价例子
2.1 需求
首先,先看下面的原型图:
现在的需求是运行原型后,输入单价或者数量时,总价的结果会自动改变。
2.2 实现步骤
2.2.1 添加交互事件
首先选中单价输入框,添加“文本改变时”事件 | 添加“设置文本”动作 | 选择变量改变时,设置文本的对象,即总价的结果 |
2.2.2 设置变量及表达式
添加函数 | 添加局部变量 | 设置表达式 |
2.2.3 复制事件
选中单价输入框事件,Ctrl+C复制 | 选中数量输入框事件,Ctrl+V粘贴 |
2.3 预览效果
总价自动改变 | 总价自动改变 |
3. 其它
Axure里面提供丰富的函数,下一篇继续整理。
本文完!