写在最前面：任何工具都容易造成沉迷，Axure也一样；沉迷工具有害健康，过渡钻研Axure不利于职业发展！

    本文主要想介绍一下什么是Axure中的变量（Variables），以及变量的使用场景，然后附加一个实例。

    1、什么是变量

    变量的全称应该是“中间变量”，变量用于在HTML原型中进行点击时的页面之间的传递和存储数据，这样变量能在页面之间保持下去。Axure文件中可最多使用25个变量。变量可以在交互设计和逻辑条件中使用。

    简单说就是，在2个页面之间添加一个桥梁，用以延续交互动作。这个东西最直观的理解就是我们在做几何题目的时候通常需要在2个条件之间再取一个中间的条件，最后达到证明这2个条件是一致的，如：a=b，b=c，所以，a=c。

    在Axure中可以通过“线框图”（Wireframe）――“管理变量”（Manage Variables），来增加或者管理变量。

    Axure会默认一个变量叫做“OnLoadVariable”，必须使用字符和数字做变量名，不能大于25个字符长度，且不能含有空格。

    2、变量的使用情景

    1）动态显示输入的字符

    2）动态统计并显示输入的字符长度

    注：这里变量只能实现计算字段的长度，但是不能做加减乘除运算，所以想要实现“还可以输入XX个汉字…”这样的交互目前在Axure上还无法实现。

    3）页面之间的锚点跳转，详见之前的这篇

    4）下拉列表的联机动态加载

    5）Tab页签的变换

    注：较常规的动态面板也可以实现该功能

    ….

    简单说，变量的使用一般程序：添加变量，修改变量值，判断变量值，加载对应内容。

    特别说明：

    1）变量的使用过程中需要用到每个组件的标签名称，所以，必须要先给需要用到的组件添加标签，不然就全部显示“unlabeled”。

    2）在“设置变量和组件的变化值”这个交互动作的时候，一般的格式是：变量的值“a”等于组件值的长度“b”；组件中的文本“C”等于值，然后后面有个编辑文本。

    点击进去之后可以编辑的是动态显示的具体内容，你可以输入的是一些修饰内容，无关紧要，最主要的是，要记得插入变量“a”，这样整个交互才能起作用。

    3、实例

    之前设想过的一个微博输入框为例，点击这里查看。

    P.S：

    一个容易忽略的地方：Axure在处理多个交互动作的时候，实际上你是可以手动设置他们的发生顺序的。在“交互属性”弹窗的右上角有个“高级编辑器”，点击里面的箭头来对交互动作的发生进行排序。这个主要应用在如：弹窗XX秒后自动消失等交互上。

建议继续学习：

1. 从shell中向awk传递变量实例    (阅读：3600)
2. 深入PHP使用技巧之变量    (阅读：3571)
3. 关于原型设计的一些事    (阅读：3604)
4. Axure 实现网站登录的交互    (阅读：3375)
5. 变量在内存中的位置    (阅读：2977)
6. Axure之复用    (阅读：2860)
7. c语言全局变量和局部变量问题汇总    (阅读：2692)
8. Linux的shell变量    (阅读：2683)
9. AXURE在原型设计中的应用    (阅读：2615)
10. PHP的可变变量名    (阅读：2253)