用Axure设计原型图的过程中,最常见的一个交互动作就是点击不同的部件显示不同的界面。
当我刚开始学习Axure时,实现不同界面的切换只会使用单击时打开链接这一动作,后来学会了在同一个页面中使用不同的动态面板进行切换,感觉没有加载间隔的页面切换比之前的单一新页面逼真多了。
今天学到了一个新招就是通过在A页面设置变量值实现B页面的动态面板状态的切换。假设一个场景:58同城的首页我可以选择地点北京或者广州,选择好地点后再二级页面全职招聘里就会显示响应城市对应的信息,这个就可以用全局变量实现跨页动态面板的切换。
想要的效果图(截自app)如下:
北京.png
广州.png
下面是实现步骤:
1.省略添加部件;
2.设定首页中下拉框的选项条件与对应值,如图:
设定首页中下拉框的选项条件与对应值.png
3.设定全职招聘中的面板状态,如图。
设定全职招聘中的面板状态.png
最终结果如下:
image.png
由于简书不能传视频,想看效果图的可以移步微信公众号。
欢迎提意见交流,谢谢。
网友评论