Axure中全局变量的应用技巧

原理及含义

全局变量,顾名思义是全局的,简单理解就是整个Axure文件中的不同页面,都可以访问使用。因为我们知道在Axure建立多个页面后,在页面a,是无法直接改变页面b中元件的文本、选中状态、显示隐藏、移动等状态的。 所以我们想跨页面进行交互事件的操作时,就可以用到全局变量。

在这里,我总结了几种应用场景。

应用场景一:跨页面传递文本

案例

如在页面a中输入昵称后,点击按钮跳转到页面b,页面b中的“昵称”可同步变化为刚刚输入的文字:

产品经理,产品经理网站

教程:

1. 点击顶部菜单“项目>全局变量…”增加一个全局变量用来存储需要传递的文本。

产品经理,产品经理网站

2. 选择相应的触发对象(按钮)与触发动作(鼠标单击时),将输入框文本赋值给全局变量。然后增加页面跳转(注意先后顺序,如果先跳转页面会赋值失败)。

产品经理,产品经理网站

3. 选择相应的触发动作(页面载入时)后,将全局变量赋值给文本矩形。

产品经理,产品经理网站

应用场景二:使用0,1等全局变量,控制其他页面元素状态

案例

选中页面a中的勾选框,然后点击按钮跳转至页面b,页面b显示图片;取消选中,则将图片隐藏。

产品经理,产品经理网站

教程:

1. 点击顶部菜单“项目>全局变量…”增加一个全局变量用来存储勾选状态。

产品经理,产品经理网站

2. 将勾选框选中状态赋值给全局变量。选中时,设置全局变量“ShowPicture=1”;取消选中时,设置全局变量“ShowPicture=0”。然后按钮设置跳转至页面b。

产品经理,产品经理网站

3. 最后在页面b,设置载入时判断即可。如果变量值为1时,根据前面的设置,意味着勾选框是选中的,因此设置“显示图片”;变量值为0时,代表勾选框取消选中了,则设置“隐藏图片”。

产品经理,产品经理网站

应用场景三:使用0,1等全局变量,判断次数

案例1

第一次进入页面b,显示一个“3秒消失的提示”,之后再进来就不再显示该提示。

产品经理,产品经理网站

教程:

1. 点击顶部菜单“项目>全局变量…”增加一个全局变量来判断次数。设置默认值1,代表“第一次”,值变为0,代表“非第一次”。

产品经理,产品经理网站

2. 对页面a中的按钮添加跳转动作。

产品经理,产品经理网站

3. 对页面b载入时,增加判断。第一次载入时,即”FirstTime=1″时,显示提示,非第一次载入,即”FirstTime=0″时,隐藏提示。

产品经理,产品经理网站

4. 对小提示设置显示时,等待3秒再隐藏,达到自动消失的效果。

但怎么将变量值变为0呢?因为第一次小提示出现然后隐藏后,之后就都是非第一次了,所以在小提示隐藏后,增加设置”FirstTime=0″即可。

产品经理,产品经理网站

案例2

第一次点击页面a中的按钮,进入页面1,之后再点击同一个按钮,但是都进入页面2。

产品经理,产品经理网站

教程:

1. 点击顶部菜单“项目>全局变量…”增加一个全局变量来判断次数。设置默认值1,代表“第一次”,值为0,代表“非第一次”。

产品经理,产品经理网站

2. 将页面a中的按钮增加条件判断。第一次跳转到页面1,即”FirstTime=1″时,打开“页面1”,非第一次则跳转到页面2,即”FirstTime=0″时,打开“页面2”。

但默认值是1,什么时候应该变成0呢?自然是第一次点击按钮时,就要赋值为0,所以当”FirstTime=1″,点击按钮时,还要设置”FirstTime=0″。(注意先后顺序,如果先跳转页面会赋值失败)

产品经理,产品经理网站

应用场景四:使用0,1等全局变量,进行操作记忆

案例

如页面b中,勾选框选中后,再此进入页面b,勾选框仍然选中;取消选中后,再次进入页面b,勾选框则是取消选中的。

产品经理,产品经理网站

教程:

1. 点击顶部菜单“项目>全局变量…”增加一个全局变量用来存储勾选框的选中状态。值为1则为选中,值为0则为取消选中。

产品经理,产品经理网站

2. 对页面a的按钮增加“鼠标单击时”打开页面b的交互动作。

产品经理,产品经理网站

3. 对页面b的勾选框的选中状态进行全局变量的赋值,选中时设置全局变量为1,取消选中时设置全局变量为0。

产品经理,产品经理网站

4. 最后对页面b载入时,增加全局变量值的判断即可。当全局变量为1时,设置勾选框为选中,全局变量为0时,设置勾选框为取消选中。

产品经理,产品经理网站

总结

全局变量的应用并不复杂,不要被专业名词吓到,其实它就相当于一个桥梁。适当的运用能很好的提升我们的工作效率,以及高度还原交互效果。

 

本文作者 @阿喊设计

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部