Axure快速入门（09） -变量和表达式（计算商品总价例子）

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里面提供丰富的函数，下一篇继续整理。

本文完！