axure轮播图怎么设置循环轮播_Axure教程：广告图片自动轮播+点击切换

作者：我家自动化 | 2024-02-18 20:12:05

踩

axure9动态面包时间设置

广告图轮播在日常的原型设计中是最常见的了，今天和大家分享如何制作自动轮播+手工点击切换，底部有已制作好的原型文件下载，废话不多说，咋们现在就动手实现。

首先看一下我们最终想要的效果

一、制作自动轮播

1、选中图片右键转换为动态面板，同时在动态面板中添加第二张和第三张广告图。如下图

2、点击页面空白处，设置页面载入时事件，选择设置动态面板效果，选择banner图片动态面板，把状态设置为 Next , 勾选向后循环和循环间隔，同时设置好进入动画和退出动画向左滑动。如下图

3、重复以上两步操作把焦点图完成，其中注意两点，一是进入动画和退出动画设置为逐渐，二是每一帧设置好对应的焦点样式。

到这里可以预览一下效果，会发现简单两步，我们就实现了广告图轮播了，嘻嘻。

接下来我们进入第二大步，增加点击切换功能

二、增加点击切换

给每一帧的焦点样式增加鼠标单机时事件，点击时触发2个事件：

(1)设置切换面板状态，需同时设置好焦点样式和 banner图片对应的面板状态。

例如选择第一帧

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/110266?site