Axure中实现全局变量跨页传递

用Axure设计原型图的过程中,最常见的一个交互动作就是点击不同的部件显示不同的界面
当我刚开始学习Axure时,实现不同界面的切换只会使用单击时打开链接这一动作,后来学会了在同一个页面中使用不同的动态面板进行切换,感觉没有加载间隔的页面切换比之前的单一新页面逼真多了。

今天学到了一个新招就是通过在A页面设置变量值实现B页面的动态面板状态的切换。假设一个场景:58同城的首页我可以选择地点北京或者广州,选择好地点后再二级页面全职招聘里就会显示响应城市对应的信息,这个就可以用全局变量实现跨页动态面板的切换。
想要的效果图(截自app)如下:


Axure中实现全局变量跨页传递_第1张图片
北京.png

Axure中实现全局变量跨页传递_第2张图片
广州.png

下面是实现步骤:
1.省略添加部件;
2.设定首页中下拉框的选项条件与对应值,如图:


Axure中实现全局变量跨页传递_第3张图片
设定首页中下拉框的选项条件与对应值.png

3.设定全职招聘中的面板状态,如图。
Axure中实现全局变量跨页传递_第4张图片
设定全职招聘中的面板状态.png

最终结果如下:


Axure中实现全局变量跨页传递_第5张图片
image.png

由于不能传视频,想看效果图的可以移步微信公众号。

欢迎提意见交流,谢谢。

你可能感兴趣的:(Axure中实现全局变量跨页传递)