Axure轮播图制作方法(粗糙版)

Axure中轮播图的效果该如何做呢?
在现在我们所看见Web网站中有许多的滚动的图,那么我们想要制作一个这样的效果该怎么做呢?

 

首先第一步:我们需要在元件库中找到动态面板,将其拖拽到制作区,双击如图:

 

第二步:可以在其中添加一张图片元件,并导入你想进行轮播的图片,

 

(记住在每次添加图片之后,添加动态面版的state)

 

添加完后效果如图:

 

第三步:将轮播图设置交互,载入时->设置面板状态,设置面板状态时可以根据效果进行设置进入动画和退出动画

 

这样轮播图就设置好了,但是我们平时设置的轮播图是可以点击切换图片的所以我们再来设置一个小细节。

制作轮播图的小圆点

第一步:来几个小圆点,安装好小圆点之后,按Ctrl建选中多个小圆点,将小圆点设置元件选中状态为:选中时填充颜色(根据个人爱好自由设置),且将小圆点进行设置组(这样可以保证圆点再点击的时候能够实现互斥)

 

第二步:我们回到轮播图设置轮播图在状态改变时的情形:

 

 第三步:要实现点击小圆点就能实现图片的转换可以将小圆点设置交互:单击时->设置面板状态

 

这样轮播图就设置好了!

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值