Axure——变量详解

本文结构分为以下几个部分，希望通过本文的阅读，你能Axure中的变量能有一个清晰的理解。话不多说，让我们开始Axure之旅吧～

本文结构：

• 什么是变量，什么是常量
• 变量在程序中的使用
• Axure中的变量实战

1. 什么是变量，什么是常量

在我们上初中的数学课时，老师会开始讲解一些有关变量的知识，所谓的变量，指的就是一个可变化的量化符号，它可以是字母x，也可以是一个字符串，例如user_name，更可以是其他的形式，例如一些特殊的符号，如"_"、“$”等。

如果过于抽象化，我们可以拿人本身来举个例子，对于我们自身来说，我们的性别、出生地、口音这些因素是一出生就决定好了的，无论随着时间怎么流逝或者未来遭遇了什么变故都不会改变，它们都会跟随我们一辈子。而我们的年龄，这就是一个变量，随着一年一年的时光流逝，我们的年龄一年一年也在进行增加的变化，今年7岁，明年就一定会是8岁，因此，年龄是一个可变化的量，我们称作变量。

至于什么是常量，常量就是一个具有固定值的量化数据，无论外界如何变化，对于它来说，始终都坚守一个固定的量化数据。例如我们自身的性别、出生地、口音这些都可以看作常量。可以以马克思主义中的一句话来总结常量，常量是不以人的意志为转移的。

1. 变量在程序中的使用

而在我们程序世界中，变量则使用十分广泛，且分为多个类别。变量在程序世界中有全局变量、局部变量、模块变量等等。

举一个常见的场景例子，当我们登录网站时，首先进入的是登录的页面，输入我们的用户名和密码，我们来想一想，一个网站每天要承载无数人的登录请求，每个的用户名和密码也是不一样的，如果每注册一个人就把他所注册的用户名和密码定义为一个常量，这会制造多大的数据量呢，因此，我们一般使用变量来解决这个问题。

我们注册网站时，我们输入的用户名和密码实际上在提交注册的那一刻就作为一条数据存储到了后台的数据库中，当我们登录网站时，我们实际上是和后台数据库中的数据进行校验，当校验一致时，我们就登录进了网站。而我们输入的用户名和密码，如果把它们看作是user_name 和 password 两个变量，当我们从前端发起登录请求时，前端会将user_name和password 这两个变量的数据传到后端做校验，通过与后端数据库中的user_name和password 字段做比较，如果一致，就允许登录网站中。

1. Axure中的变量实战

在Axure中，变量基本上是与交互效果实现挂钩的，比如当我们需要画一个登录页面的高保真原型界面出来时，关于用户名和密码的指定，我们当然可以直接赋予这两个文本框一个常量，但是这样并不能完美复现出真实场景中的登录效果。

那么，如何在Axure中添加变量，并且运用呢，这里我们以Axure rp9为基础来制作一个小的交互效果进行说明：

Step1：打开Axure，新建一个文件，拖入三个矩形元件，制作出如下界面

Step2：在上方的导航栏中，选择“项目”类目下的“全局变量”

Step3：选择“全局变量”后，出现如下界面，点击“+”号即可创建一个变量，变量名字自拟，建议最好以英文命名，这里我将这个变量命名为background_color，待会我们需要实现一个点击相应的按钮后，当鼠标划过我们的背景页时变换不同的颜色的交互效果。最后，给这个变量进行赋值，这里将它赋值为0即可，代表初始值。

Step4：待定义好变量后，我们开始添加事件，在这里，我分别在左右两个小按钮中添加了一个点击事件，并将变量分别赋值为1和2。

注：这里仅截图左侧按钮1的点击事件用例，右侧按钮2的点击事件同理，只是变量值变更为了2而已。

Step5：最后，我们将背景页转换成动态面板，并创建两个状态面板，分别是State2和State3，分别改变其背景颜色为橙色和蓝色。

最后我们给背景页添加一个鼠标经过的事件，并且添加判断条件，当鼠标经过时，判断变量的值，当变量background__color的值为1时，变更背景动态面板状态为State2，当变量background__color的值为2时，变更背景动态面板状态为State3。

最后，我们来看一下最终的交互效果吧～

感谢你的阅读，希望通过本文的阅读，你已经对Axure中的变量有了一个清晰的认识