Axure知识汇总产品经理产品分析

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

2018-04-22  本文已影响49人  SevenDL

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

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


北京.png
广州.png

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


设定首页中下拉框的选项条件与对应值.png
3.设定全职招聘中的面板状态,如图。
设定全职招聘中的面板状态.png

最终结果如下:


image.png

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

欢迎提意见交流,谢谢。

上一篇下一篇

猜你喜欢

热点阅读