走进 Axure 变量

视频地址

Axure 变量分为全局变量和局部变量,Axure 本身也内置了一些变量,也允许我们自己定义全局变量或者局部变量供我们自己使用,变量在交互效果上使用的很频繁,结合变量的使用,我们可以制作出软件丰富效果,让用户体验到最真实的感受。

1 Axure 全局变量和局部变量的使用

全局变量能够在所有 case 中使用,局部变量的作用域仅限于一个 case。

全局变量

  • 全局变量管理面板
    (Menu)Project > Global Variables

  • 写全局变量值
    Case Editor > Variables > Set Variable Value

  • 读全局变量值
    Case Editor > Widgets > Set Text

局部变量

  • 读写局部变量
    fx > Text Editor > Local Variables

2 Axure 内置变量/函数的介绍

Text Editor > Insert Variables or Functions…

3 变量值在页面间传递

利用全局变量来实现。

(1) Projects > Global Variables… : 创建全局变量,来存储需要传递的值;
(2) Case Editor > Variables > Set Variable Value > Select the variables to set Set Variable to value > fx : 进入到 Text Editor;
(3) 在 Text Editor 中定义局部变量,值为 text on widget,并将读取这个局部变量的值赋值给要传递的全局变量;
(4) 添加跳转的 case;
(5) 在跳转的目标页面,添加 case (比如 OnPageLoad), Widgets > Set Text , 在 Text Editor 中通过全局变量读取要传递的值,显示到相应的部件。

4 实例:制作简易计算器

(1) 绘制界面

(2) 定义全局变量

(3) 为所有按钮注册点击的 case
为了加快效率,可以先为一个按钮注册好 case ,复制(command + c,如果要复制该事件下的所有case ,可以直接复制上级的事件),然后粘贴给其它相似部件(选中其它部件 > command + v),最后不同的部分再修改一下。

  • 点击数字按钮 0~9

  • 点击小数点 .

  • 点击 +

  • 点击 -

  • 点击 x

  • 点击 /

  • 点击 清屏

  • 点击 全清