打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
[转载]Axure一个母版多个实例交互
Axure版本:7.0.0.3145

Axure的母版是建好一个可在多个页面复用的东西,与动态面板有些类似,不过有一点比较纠结的是,在同一个页面中想让同一个母版不同的实例保持相同交互动作就有点不知所措了,今天偶然发现母版中有个“触发动作”的功能引起了我的注意,在尝试下很好的解决了上述问题,讲下一个例子:

页面中有个排序的母版分2个实例,想要点击一个的同时,另外一个也同时保持交互动作和行为,如下图

虽然用动态面板也可以做到同样的效果,但有一点是如果我这个页面有多个动态面板使用相同的交互方式,哪天我需要改其中的一个样式或者交互动作,就要一个个的去改,这时候母版的优势就来了,我只改一个母版就可以改全部,那交互怎么办呢?接着走 

1)新建一个母版里包含以上元素(因为这里考虑到price和discount都有高低排序,所以我分别给这2个在母版里建了动态面板,并且给所有元素命名和给不同状态的按钮设定好样式)


     


2)分别给所有状态的按钮定“触发事件”,这个功能在你点击某个按钮后添加点击事件里,在新增动作中的最后一项可以看到



3)然后给它配置动作并且命名(这里因为我有7个按钮,所以我共命名了7个动作名称,分别给每个按钮添加这个“触发事件”动作,然后在命名前打钩就行,如第一个按钮“Popularity”的勾选)

  




4)设定好这些后,那2个母版上就可以看到刚才设定的这些事件了(貌似目前这个“触发事件”功能只支持click事件),然后同时给这2个母版的这些事件分别加相同的交互动作(每个事件就是你在某个按钮上命名的触发事件名,交互动作自己自定义啦,我这里是实现排序的交互动作)




OK!全部设置好后,按F5预览吧!
Have Fun! :)




本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
原型设计总复习
关于使用Axure RP进行原型开发的一些心得体会
【周边知识】提高Axure设计效率的10条建议
axure原型图案例模板(原型图axure教程)
axure中继器动作视频: 交互操作添加行按钮设置
Axure教程|轻量级的后台原型框架
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服