美文网首页交互设计
简单三步实现banner的轮播效果

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

作者: 我是一颗小小的雨花石 | 来源:发表于2016-11-18 13:58 被阅读0次

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

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

第一步:拖出“图片轮播”组件到工作区

第二步:双击“图片轮播”组件

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

选中你所需要的图片,可以多选,最多不能超过8个,按Ctrl键多选。点击打开就把选中的图片放入图片轮播里面了。

点击确定,就OK了。

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

如果需要调整其他属性,可以在属性面板里面选择。

1 是否选择指示器

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

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

4 指示器颜色

5 动画效果

6 播放间隔

是不是很简单很容易操作呢?

相关文章

网友评论

    本文标题:简单三步实现banner的轮播效果

    本文链接:https://www.haomeiwen.com/subject/wyajpttx.html