辉灿新闻网 原型设计 Axure:不用动态面板就能做好的手风琴效果

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”贴合,另外两个也这么做)如下图

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

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

本文由 @季然 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自 Unsplash ,基于 CC0 协议

本文来自网络,不代表辉灿新闻网立场,转载请注明出处:https://news.jbjy8888.com/yuanxing/2788.html

作者: 边岸

“采坑,填坑”,项目的那些事儿(第四阶段:原型设计)

Axure案例:QQ音乐播放界面

发表回复

您的电子邮箱地址不会被公开。

联系我们

联系我们

暂无

在线咨询: QQ交谈

邮箱: meiliao888@163.com

工作时间:周一至周五,10:00-19:00,节假日休息。
关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部