用Axure设计原型图的过程中，最常见的一个交互动作就是点击不同的部件显示不同的界面。
当我刚开始学习Axure时，实现不同界面的切换只会使用单击时打开链接这一动作，后来学会了在同一个页面中使用不同的动态面板进行切换，感觉没有加载间隔的页面切换比之前的单一新页面逼真多了。
今天学到了一个新招就是通过在A页面设置变量值实现B页面的动态面板状态的切换。假设一个场景：58同城的首页我可以选择地点北京或者广州，选择好地点后再二级页面全职招聘里就会显示响应城市对应的信息，这个就可以用全局变量实现跨页动态面板的切换。
想要的效果图（截自app）如下：
北京.png
广州.png
下面是实现步骤：
1.省略添加部件；
2.设定首页中下拉框的选项条件与对应值，如图：
设定首页中下拉框的选项条件与对应值.png
设定全职招聘中的面板状态.png
最终结果如下：
image.png
由于简书不能传视频，想看效果图的可以移步微信公众号。
欢迎提意见交流，谢谢。
用Axure设计原型图的过程中，最常见的一个交互动作就是点击不同的部件显示不同的界面。当我刚开始学习Axure时，...
Axure是一款十分强大的原型设计工具。部件是Axure的基础要素；全局变量是跨页交互时需要引入的重要变量。本文将...
Axure的全局变量可以实现页面间的传递，今天分享下如何利用全局变量做如下案例：用户输入用户名、密码，可以将相关数...
作品名称：利用全局变量实现跨页面传值 作品编号：Case003 软件版本：Axure9 作品类型：交互案例 在我们...
在Android原生中，有广播可以进行跨页面传递数据。Flutter中我们可以自定义一个事件总线，实现跨页面传递数...
全局变量的新手误区 Python 3 实现定义跨模块的全局变量和使用
实现数字加减及金额变化是全局变量的应用，不懂变量是什么鬼请点击Axure系列教程(七):变量 【准备元件】 【实现...
三步：案例：从A页面向B页面传递一个或是多个参数。A:场馆，B:设备1：丢出去A页面的控制器： 2：配置路由app...
通知是使用观察者模式实现的用于跨层传递消息的机制 特点 观察者模式实现的 作用 进行跨层传递消息 在我们业务开发过...
页签切换的功能在产品设计中经常会用到，比如导航切换、页面内的TAB页签切换等。那么，在Axure中如何实现？在原...
本文标题：Axure中实现全局变量跨页传递
本文链接：https://www.haomeiwen.com/subject/cdnqlftx.html
网友评论