每次自己做完还得截很多图、写很多文字进行共享，奈何喜欢呀，希望能帮助到大家，下面是我今天晚上做的小小的例子。

效果图：

效果图

效果图分为：

1.自动轮播

2.手指滑动切换图片

分析：

先整理思路，逻辑理清楚再实现只是使用工具的问题

Xmind思维导图

Axure实现：

1.搭建整体界面：

我这里使用的时iphone外壳1、外壳会自带的2-->这两项为了截图好看，各位可自行不选择加载

图片动态面板3和轮播点集合4

2.设置轮播图属性和轮播点集合属性

2.1轮播点属性：

选取到所有的圆圈，

2.1.1 右键“设置选项组”，把所有的点加到一个组里，就会产生互斥效果

2.1.2 右键选择“交互样式”，修改选中状态下面的填充颜色

设置 所有轮播点选项组名称

设置轮播点选中样式

2.2设置顶部轮播图属性：

2.2.1 载入时，这里即是设置自动轮播条件

面板状态自动轮播，2秒自动循环，图片切换时间为0.5秒

刚载入时默认选中轮播点1

2.2.2状态改变时，这里是设置轮播点跟随图片移动

就是设置面板状态显示到哪张图了，就显示对应的哪个点

状态改变时条件

2.2.3向左拖动结束时，设置手动滑动切换图片

首先设置停止循环，图1向左滑动结束时自然是显示第二张图和第二个点，接下来的条件和向右滑动以此类推。

2.2.4向右拖动结束时

和向左拖动是对应的，在此就不做赘述了。

分享就到这里了，有任何建议和疑问可以留言，谢谢(*＾-＾*)

rp文件地址：

链接：https://pan.baidu.com/s/1rsmvpm7CT8g7TguBR6Ozqg

提取码：cx1r