全局变量的主要用途是页面间的数据传递,因为全局变量在原型的每个页面中都能够进行写入与读取的操作。
在七牛云商城的商品类目中,短信的商品有两个。
当点击这两个商品的购买按钮后,会出现同样的页面。
唯一的区别是已选配置中的短信类别不同。
如果制作这样的原型,我们就需要将选择商品页面中选择的商品信息传递到配置页面,并体现在配置信息中。
我们在Axure的页面面板中创建两个空页面,分别命名为“商品页面”和“配置页面”。
在商品页面中,我们添加《常用样式设置(2)》与《动态样式的按钮》中制作的内容。
并且,将商品卡片复制一份,修改文字变为另一个短信套餐。
在配置页面中,我们添加《唯一选中的选项》中制作的内容。
并且在右侧,添加新的内容。
新的内容是5个文本标签,输入默认的文字,并将显示短信类别名称的文本标签命名为“类别”。
完成了以上的准备工作之后,我们就可以开始通过全局变量完成跨页面的交互。
整体的实现思路是,在点击购买按钮时将表示当前套餐的数据存入全局变量中,跳转到新页面之后,再从全局变量中读取传递过来的数据,通过对数据进行判断来显示不同的结果。
首先,我们创建一个全局变量。
点击软件导航菜单的[项目],在打开的菜单中点击[全局变量]。
在打开的对话框中,已经存在一个自动创建的全局变量“OnLoadVariable”。
这是因为,根据Axure官方的描述,每个项目中至少并且必须带有一个全局变量。
所以,我们不能够删除这个自动创建的全局变量,但是可以更改它的名称。
点击全局变量的名称,更改为我们想要的自定义名称,例如“Type”。
然后,在每个套餐购买按钮[单击时],我们都要添加一个[设置变量值]的动作,设置全局变量“Type”的值为不同的内容。
例如,数字“1”代表第一个套餐。
再用数字“2”代表另一个套餐。
温馨提示:别嫌我啰嗦!因为很多人对全局变量充满恐惧,所以要尽量详细一些。
每个购买按钮在[单击时]都要打开新的页面,也就是[打开链接],打开“配置页面”。
以第一个选项为例。
到这里,“商品页面”的交互就全部完成了。
接下来,就是在“配置页面”打开时,读取全局变量“Type”,根据变量值是“1”还是“2”选中不同的选项,设置不同的短信“类别”文字。
为第一个选项添加“载入时”的交互事件,动作为[选中][当前]选项。
当然这个交互动作要满足全局变量“Type”的值为“1”才可以。
所以,我们需要[启用情形],添加条件。
温馨提示:你可能需要参考《情形(条件)的设置》。
并且,在满足这个条件时,还要设置短信“类别”的[文本]为[当前]选项的[元件文字]。
另外一个选项的交互事件基本相同,区别仅在于判断变量的值为“2”。
最后,在每个套餐选项[单击时],也要让短信“类别”显示为[当前]选项的[元件文字]。
到这里,我们就完成了本教程所有的内容。
不习惯看文字教程?还有《Axure RP 9萌新修炼视频》奉上!
转载请注明:iaxure.com » 全局变量的应用