最新消息:本站教程基于Axure RP 9.0.0.3723及更高版本,请在学习前确认软件版本是否符合要求,以免因为界面差异导致学习障碍!

全局变量的应用

教程 小楼一夜听春语 5870浏览

全局变量的主要用途是页面间的数据传递,因为全局变量在原型的每个页面中都能够进行写入与读取的操作。

在七牛云商城的商品类目中,短信的商品有两个。

当点击这两个商品的购买按钮后,会出现同样的页面。

唯一的区别是已选配置中的短信类别不同。

如果制作这样的原型,我们就需要将选择商品页面中选择的商品信息传递到配置页面,并体现在配置信息中。

我们在Axure的页面面板中创建两个空页面,分别命名为“商品页面”和“配置页面”。

在商品页面中,我们添加《常用样式设置(2)》与《动态样式的按钮》中制作的内容。

并且,将商品卡片复制一份,修改文字变为另一个短信套餐。

在配置页面中,我们添加《唯一选中的选项》中制作的内容。

并且在右侧,添加新的内容。

新的内容是5个文本标签,输入默认的文字,并将显示短信类别名称的文本标签命名为“类别”。

完成了以上的准备工作之后,我们就可以开始通过全局变量完成跨页面的交互。

整体的实现思路是,在点击购买按钮时将表示当前套餐的数据存入全局变量中,跳转到新页面之后,再从全局变量中读取传递过来的数据,通过对数据进行判断来显示不同的结果。

首先,我们创建一个全局变量。

点击软件导航菜单的[项目],在打开的菜单中点击[全局变量]。

在打开的对话框中,已经存在一个自动创建的全局变量“OnLoadVariable”。

这是因为,根据Axure官方的描述,每个项目中至少并且必须带有一个全局变量。

所以,我们不能够删除这个自动创建的全局变量,但是可以更改它的名称。

点击全局变量的名称,更改为我们想要的自定义名称,例如“Type”。

然后,在每个套餐购买按钮[单击时],我们都要添加一个[设置变量值]的动作,设置全局变量“Type”的值为不同的内容。

例如,数字“1”代表第一个套餐。

再用数字“2”代表另一个套餐。

温馨提示:别嫌我啰嗦!因为很多人对全局变量充满恐惧,所以要尽量详细一些。

每个购买按钮在[单击时]都要打开新的页面,也就是[打开链接],打开“配置页面”。

以第一个选项为例。

到这里,“商品页面”的交互就全部完成了。

接下来,就是在“配置页面”打开时,读取全局变量“Type”,根据变量值是“1”还是“2”选中不同的选项,设置不同的短信“类别”文字。

为第一个选项添加“载入时”的交互事件,动作为[选中][当前]选项。

当然这个交互动作要满足全局变量“Type”的值为“1”才可以。

所以,我们需要[启用情形],添加条件。

温馨提示:你可能需要参考《情形(条件)的设置》。

并且,在满足这个条件时,还要设置短信“类别”的[文本]为[当前]选项的[元件文字]。

另外一个选项的交互事件基本相同,区别仅在于判断变量的值为“2”。

最后,在每个套餐选项[单击时],也要让短信“类别”显示为[当前]选项的[元件文字]。

到这里,我们就完成了本教程所有的内容。

/教程源文件/

不习惯看文字教程?还有《Axure RP 9萌新修炼视频》奉上!

转载请注明:iaxure.com » 全局变量的应用