Axure中轮播图的效果该如何做呢?
在现在我们所看见Web网站中有许多的滚动的图,那么我们想要制作一个这样的效果该怎么做呢?
首先第一步:我们需要在元件库中找到动态面板,将其拖拽到制作区,双击如图:
第二步:可以在其中添加一张图片元件,并导入你想进行轮播的图片,
(记住在每次添加图片之后,添加动态面版的state)
添加完后效果如图:
第三步:将轮播图设置交互,载入时->设置面板状态,设置面板状态时可以根据效果进行设置进入动画和退出动画
这样轮播图就设置好了,但是我们平时设置的轮播图是可以点击切换图片的所以我们再来设置一个小细节。
制作轮播图的小圆点
第一步:来几个小圆点,安装好小圆点之后,按Ctrl建选中多个小圆点,将小圆点设置元件选中状态为:选中时填充颜色(根据个人爱好自由设置),且将小圆点进行设置组(这样可以保证圆点再点击的时候能够实现互斥)
第二步:我们回到轮播图设置轮播图在状态改变时的情形:
第三步:要实现点击小圆点就能实现图片的转换可以将小圆点设置交互:单击时->设置面板状态
这样轮播图就设置好了!