每次自己做完还得截很多图、写很多文字进行共享，奈何喜欢呀，希望能帮助到大家，下面是我今天晚上做的小小的例子。
效果图：
效果图
效果图分为：
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
网友评论