仅仅一个UIImageView就可以实现无限轮播图效果

首先感谢右侧链接代码中的图片素材😁~大神使用UICollectionView实现的轮播图

据说此三方好多好多人用强大的第三方框架SDCycleScrollView

###轮播图的实现方式

1. 使用UIScrollView通过contentSize设置UIImageView的展示预处理
2. 使用UICollectionView通过设置item
3. 使用UISwipeGestureRecognizeror或者TouchesBegan等方法

网络上大部分是使用UIScrollView配合三个或者两个UIImageView来实现的轮播图，就再想可不可以使用一个UIImgeView实现，从而第三种实现方式也就诞生了，虽然不是特别实用，但是也算是一种简单思维

###UISwipeGestureRecognizeror（清扫手势）逻辑

1. 通过UIImageView添加向左向右的轻扫手势
2. 当触发轻扫手势的响应事件时，重新设置Index
3. 使用CATransition的Type（Push）和SubType（Left/Right）来进行实现对应的向左向右的转场动画
4. 更改完Index时，在CATransition动画中从img数组中取出对应图片并赋值给UIImageView
5. 赋值图片的同时更改pageControl的currentPage来实现轮播图的精仿

###TouchesBegan等方法的逻辑

1. 写一个UIImageView的子类，并在其中实现Began、Move、End方法
2. 和使用UIBezierPath绘制画板同理，首先在Touch等方法中获取对应的点
3. 根据点的位置改变来判断向左滑还是向右滑
4. 使用CATransition的Type（Push）和SubType（Left/Right）来进行实现对应的向左向右的转场动画
5. 更改完Index时，在CATransition动画中从img数组中取出对应图片并赋值给UIImageView
6. 赋值图片的同时更改pageControl的currentPage来实现轮播图的精仿

主要以UISwipeGestureRecognizeror为例子🌰

###UISwipeGestureRecognizeror（清扫手势）相关代码

一些懒加载，注释已经标明清楚

    var selectedIndex = 0//当前图片        lazy var imageView: UIImageView = {//展示image         let imageview = UIImageView()         imageview.image = UIImage(named: "(self.selectedIndex)")         return imageview     }()          lazy var swipeRight: UISwipeGestureRecognizer = {//从左往右滑手势         let swipe = UISwipeGestureRecognizer(target: self, action: #selector(tapRightAction))         swipe.direction = .right

        return swipe     }()

    lazy var swipeLeft: UISwipeGestureRecognizer = {//从右往左滑手势         let swipe = UISwipeGestureRecognizer(target: self, action: #selector(tapLeftAction))                  swipe.direction = .left         return swipe     }()          lazy var page: UIPageControl = {                  let page = UIPageControl()                  page.numberOfPages = self.dataList.count                  page.currentPage = self.selectedIndex                  page.pageIndicatorTintColor = UIColor.green                  page.currentPageIndicatorTintColor = UIColor.red                  return page     }()          lazy var dataList: Array = {//image数据源                  var arr: Array = []                  for i in 0...10 {             arr.append("(i)")         }                  return arr     }()

viewDidLoad

    override func viewDidLoad() {         super.viewDidLoad()                  imageView.frame = CGRect(x: 0, y: 0, width: screen_width, height: screen_height)

        //重要！！！！！！！ 给imageView添加手势需要将isUserInteractionEnabled设置为true         imageView.isUserInteractionEnabled = true          //添加向左手势         imageView.addGestureRecognizer(swipeLeft)

        //添加向右手势         imageView.addGestureRecognizer(swipeRight)          //获取page的size         let pageSize = page.size(forNumberOfPages: dataList.count)                  page.frame = CGRect(x: 0, y: imageView.frame.maxY - pageSize.height, width: pageSize.width, height: pageSize.height)                  page.center.x = imageView.frame.width / 2                  view.addSubview(imageView)                  view.addSubview(page)              }

从左往右滑动的响应事件

    func tapRightAction() {//从左往右滑动                  //使用CA转场动画来改变方式                  let transition = CATransition()                  transition.type = kCATransitionPush                  transition.subtype = kCATransitionFromLeft

        //这句话也就是最重要的，根据selectedIndex的值来确定是否已经到最左侧，如果到最左侧，将selectedIndex重置为10         selectedIndex = selectedIndex <= 0 ? 10 : selectedIndex - 1                  page.currentPage = selectedIndex                  imageView.image = UIImage(named: "(dataList[selectedIndex])")                  imageView.layer.add(transition, forKey: "right")              }

从右往左滑动的响应事件

    func tapRightAction() {//从左往右滑动

        //使用CA转场动画来改变方式                  let transition = CATransition()                  transition.type = kCATransitionPush                  transition.subtype = kCATransitionFromRight                  //这句话也就是最重要的，根据selectedIndex的值来确定是否已经到最左侧，如果到最右侧，将selectedIndex重置为0         selectedIndex = selectedIndex >= 10 ? 0 : selectedIndex + 1                  page.currentPage = selectedIndex                  imageView.image = UIImage(named: "(dataList[selectedIndex])")                  imageView.layer.add(transition, forKey: "left")                      }

Touches基本同理，再此不一一赘述了

总结

1. 使用UISwipeGestureRecognizer无需考虑UIImageView的复用问题，因为只有一个imaegView
2. 轮播图分为手动和自动，本文为手动控制没有加timer，如果改为自动，只需要在在定时调用方法即可
3. 使用UISwipeGestureRecognizer实现，手指滑动一点点，再划回来，这个暂时没有好的解决方式，但是可以使用Touches的相关方法解决，因为手指离开才回去调用End方法

小尾巴~~~

为什么很多人不用这种方法，坐等各位大神回复，个人觉得没有什么问题，完全可以精仿

demo地址 github