Axure9利用全局变量实现跨页面传值操作实例

这章主要讲解Axure9如何利用全局变量来实现跨页面传值，首先什么是跨页面传值？大家清楚吗，跨页面传值有什么用，是拿来做什么的？在做之前先了解清楚它的实际作用，才能更好的运用，详情往下看：

一、交互效果说明

点击「首页」金刚区的按钮，跳转至「分类」页面，选中对应的Tab选项，切换显示对应的内容。

效果预览：

原型预览地址：https://h1efwr.axshare.com

二、交互效果制作

• 创建两个页面，分别命名为「首页」和「分类」。
• 在「首页」中拖入一个圆形和一个文本标签，设置好颜色和文本，右键设置为组合，命名为【人文- Botton】，再复制出4个完全相同的组合，分别进行命名和设置，页面其他内容可自定义。

• 在「分类」页面中拖入一个矩形,设置文本内容为“人文”，将其命名为「人文-Tab」；在右侧【交互】面板中给其添加【元件选中的样式】，效果如下图所示，设置选项组名称为「Tab组」。
• 给文本标签「人文-Tab」添加【鼠标单击时】【选中当前元件】的交互。
• 设置完成后，再复制出四个相同文本标签分别命名和设置文本内容，这样Tab就制作完成了。

• 制作出「分类」页面的内容部分，内容可自定义，制作好后选中内容右键转化为动态面板，再复制出4个状态，分别进行命名。

• 给「Tab组」的5个文本标签分别添加【选中】时的交互，切换到【内容】面板的对应状态。

接下来我们需要通过设置全局变量来储存我们的数据，在「首页」中点击按钮给全局变量赋值，然后在「分类」页面中载入时通过判断全局变量的值，显示不同的面板状态。

• 点击顶部菜单【项目】-【全局变量设置】，添加一个全局变量，命名为「BottonVariable」，默认值为空。

• 接下来分别给金刚区的5个按钮组合添加【鼠标单击时】的交互，分别【设置变量值】为「renwen」「lishi」「sheke」「yishu」「yinyue」；均设置【跳转链接】至「分类」页面。

这里需要保证在载入「分类」页面前已经赋值成功，所以设置变量值的交互要在跳转链接之前。

在「分类」中添加【页面载入时】的交互，分别添加情形及对应的选中效果，如下：

• 【变量值】「BottonVariable」为【renwen】时，设置动作为【选中】矩形元件「人文—Tab」；
• 【变量值】「BottonVariable」为【lishi】时，设置动作为【选中】矩形元件「人文—Tab」；
• 【变量值】「BottonVariable」为【sheke】时，设置动作为【选中】矩形元件「社科—Tab」；
• 【变量值】「BottonVariable」为【yishu】时，设置动作为【选中】矩形元件「艺术—Tab」；
• 【变量值】「BottonVariable」为【yinyue】时，设置动作为【选中】矩形元件「音乐—Tab」。

做完这一步，就完成整个效果了，通过这个案例也可举一反三，用于登录、搜索等其他需要页面中传值的交互中。

以上就是Axure9利用全局变量实现跨页面传值操作实例全部内容介绍了，关于更多axure9教程信息，欢迎关注北极熊素材库，给你带来精美绝伦的素材图片和最有用的教程，更多最新资讯。