快好知 kuaihz

Axure:不用动态面板就能做好的手风琴效果

初入行的产品新人,想向大家分享一个做手风琴的简单办法。

第一步:在Axure里创建三个矩形,一个图片,一个占位符和一个列表框(可根据实际情况替换)。

第二步,给这六个不见取名,在这里,我给三个矩形按照上下的顺序取名为“1”“2”“3”。

给图片取名为“1.”,给占位取名为“2.”,给列表框取名为“3.”。

并按照一定的顺序排列,如果排列顺序不对,演示的时候会有遮挡。

第三步,隐藏图片、占位符和列表框。

第四步,选中“1”矩形,在鼠标单击时,对“1.”图片,切换可见性,并推动拉动元件,方向默认选择下方,无动画即可。

第五步,还是在上个鼠标单击动作里,选择隐藏“2.”“3.”,选择拉动元件,方向为下方。

而另外两个矩形也按照这种方法,只是“2”切换可见性的变成了“2.”占位符。隐藏的变成了“1.”和“2.”

同理“3”切换可见性的变成了“3.”,隐藏“1.”和“2.”

然后将“1.”“2.”“3.”全部隐藏,并调整到合适位置,(就是将“1.”的顶部和“1”贴合,另外两个也这么做)如下图

点击预览,就能有以下效果了:

希望可以帮助到大家,掌握这个手风琴的简单制作方法,也不需要用到动态面板,共同进步~

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:手风琴  手风琴词条  面板  面板词条  不用  不用词条  做好  做好词条  效果  效果词条  
原型

 技巧分享:Axure后台组件制作...

大家好,前一段时间我刚刚分享了一篇《打造高品质Axure组件库就是这么简单》,意在分享给大家一个完整的打造axure组件的思维路径。本文着重于整体制作的技巧思路...(展开)

原型

 Axure教程:苹果手机拨号原型

对于我们每天熟悉得不能再熟悉的拨号键盘,你有没有想过它背后的交互设计理念是什么,它是如何通过Axure实现的呢?在本文中,笔者将告诉你这些问题的答案。对于我们再...(展开)