web前端开发个人技术博客
当前位置: 产品教程 > 【axure教程】不用中继器如何实现手风琴下拉菜单效果

【axure教程】不用中继器如何实现手风琴下拉菜单效果

2018-06-23 分类:产品教程 作者:码云 阅读(9031)

最近在做项目时需要做一个左侧下拉式的手风琴菜单,在网上搜集了很多有关axure实现资料,发现都是利用中继器做出来的,步骤有点繁琐,有没有更好的实现方式呢?不用中继器能实现吗?在经历了一番思考学习,下面把我的实现方式总结给大家,供大家参考学习。这里我用的是axure8,

准备工作

在面板上绘制两个按钮,命名为菜单一、菜单二,然后再绘制两个动态面板,面板内填充一些可以区别的内容,这里我把它们命名为内容一、内容二。

【axure教程】不用中继器如何实现手风琴下拉菜单效果

将菜单与内容一一对应放置,然后将动态面板设置为隐藏,如图:

【axure教程】不用中继器如何实现手风琴下拉菜单效果

接下来是重点实现的方法,我们以菜单一为例,其他的方法以此类推。

先选中菜单一,添加鼠标点击效果,将内容一设置为“切换可见性、推动/拉动元件、下方”,然后选择内容二设置为“隐藏、推动/拉动元件、下方”,如图:

【axure教程】不用中继器如何实现手风琴下拉菜单效果

菜单二设置方法和菜单一实现的方法一样,需要我们注意切换的是当前标题对应的动态面板,隐藏的是其他标题的动态面板

【axure教程】不用中继器如何实现手风琴下拉菜单效果

这样设置完之后就可以预览一下效果

【axure教程】不用中继器如何实现手风琴下拉菜单效果

以上就是今天为大家带来的axure如何实现手风琴下拉菜单方法,就是利用切换可见性,实现起来简单粗暴,节省了大量时间。如果你有更好的方法欢迎交流。

 

「如果觉得我的文章对您有用,请帮助本站成长」

赞(3) 打赏

觉得文章有用就打赏一下文章作者

支付宝
微信
3

觉得文章有用就打赏一下文章作者

支付宝
微信

上一篇:

下一篇:

你可能感兴趣

共有 0 条评论 - 【axure教程】不用中继器如何实现手风琴下拉菜单效果

博客简介

码云笔记: mybj123.com,一个关注Web前端开发技术的博客,主要记录和总结前端工作中常用的知识及我的生活。
更多博客详情请看关于博客

圈子

关注微信公众号
关注微信公众号

精彩评论

服务热线:
 13888888888

 QQ在线交流