huaer 发表于 2016-6-23 11:03:56

简单三步实现banner的轮播效果

目前有很多人使用Axure做轮播效果,步骤略复杂了些。这里,抛开其他设计原型不说,只说说banner图片轮播,三步教你实现轮播效果,我用的原型图软件是Mockplus。

把图片准备好,要开始了。

第一步:拖出“图片轮播”组件到工作区
https://pic2.zhimg.com/12da41b4dda390849ff27a0b38831f51_b.png

第二步:双击“图片轮播”组件
https://pic2.zhimg.com/d68a7a14c75d90b6c677f7ad919393c5_b.png

点击“+”导入图片(事先把图片准备好)

https://pic1.zhimg.com/1bbc009d9af9e7d9a520a78c133f147c_b.png
选中你所需要的图片,可以多选,最多不能超过8个,按Ctrl键多选。点击打开就把选中的图片放入图片轮播里面了。

https://pic4.zhimg.com/b56c2e9185af1c6899a952cd60f2490b_b.png
点击确定,就OK了。

第三步:演示,点击软件上方的三角符号或直接按F5进入演示界面。

https://pic3.zhimg.com/a34137ee20f0ba2827c2bb92fa14931a_b.png
如果需要调整其他属性,可以在属性面板里面选择。

1 是否选择指示器

2 指示器类型:圆点、方形、数字。

3 指示器方向:底、顶、左、右

4 指示器颜色

5 动画效果

6 播放间隔

是不是很简单很容易操作呢?
页: [1]
查看完整版本: 简单三步实现banner的轮播效果