分享

[转载]Axure一个母版多个实例交互

 高果壳1989 2016-08-25
Axure版本:7.0.0.3145

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

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

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

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

[转载]Axure一个母版多个实例交互

[转载]Axure一个母版多个实例交互      [转载]Axure一个母版多个实例交互


2)分别给所有状态的按钮定“触发事件”,这个功能在你点击某个按钮后添加点击事件里,在新增动作中的最后一项可以看到
[转载]Axure一个母版多个实例交互


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

[转载]Axure一个母版多个实例交互  

[转载]Axure一个母版多个实例交互


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

[转载]Axure一个母版多个实例交互
[转载]Axure一个母版多个实例交互


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




    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多