原理很简单，就是在UICollectionViewCell上面放一个UIScrollView，在UIScrollView放上三个UIImageView，默认的展示的是中间的UIImageView，当用户划到下一张图片的临界点时候，偷偷的切换回中间的UIImageView展示，但是UIImage却全部换掉了，也就是说用户永远看到的是中间的UIImageView，只是内容不同而已。

步骤一

xib创建UIScrollView

• 在xib文件中拖入一个UIScrollView，设置pageEnable为YES，添加top,leading,bottom,trailing四个约束。这一步是为了确定scrollView的frame。

• 我们再拉一个UIView到scrollView上(注意:这个view很重要,她是用于确定scrollView的contentSize的),并对其上下左右进行约束,约束完你会发现,约束报错,scrollView的contentSize并不能确定!

  
  添加控制view

• 约束完发现出错了，不要着急，接着我们需要确定一下， 我们是需要水平方向的滚动还是竖直方向的滚动，或者水平方向和竖直方向都需要滚动。
  1.水平方向和竖直方向都需要滚动的话， 不用添加
  2.水平方向滚动或者竖直方向滚动需要添加一个约束：

  
  设置滚动方向

• 我们这里需要水平方向滚动：

  
  水平滚动约束.

• 然后再添加一个宽度，设置contentsize，将这个宽度设置为属性，在代码中设置其大小。

  
  设置宽度contentSize

步骤二

在view2上面添加三个UIImageView，设置其宽度，给中间的UIImageView添加手势，响应点击事件

步骤三

代码控制滚动，设置计时器

• 设置数据源
  - (void)setDataArray:(NSArray *)dataArray
  {
  _dataArray = dataArray;
  if ([dataArray count] == 0) {
  NSLog(@"cycleImageViewConfig:images is empty!");
  return;
  }
  if (dataArray.count == 1) {
  self.scrollView.scrollEnabled = NO;
  }

      [self changeImageViewWithIndex:self.curIndex];
  
      self.pageControl.numberOfPages = dataArray.count;
  
      [self timeSetter];
  }
  

• 设置定时器
  - (void)timeSetter
  {
  //将定时器放入主进程的RunLoop中
  if (!self.timer) {
  self.timer = [NSTimer scheduledTimerWithTimeInterval:CH_DEFAULT_DURATION_TIME target:self selector:@selector(timerAction) userInfo:nil repeats:YES];
  [[NSRunLoop currentRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes];
  }
  }

  - (void)timerAction{
        if (self.dataArray.count <= 1) {
           return ;
       }
        [self.scrollView setContentOffset:CGPointMake(kScreenWidth*2, 0) animated:YES];
        [self performSelector:@selector(reloadImage) withObject:nil afterDelay:.35];
  }
  
  - (void)reloadImage
  {
        if (self.dataArray.count == 0) {
           return;
        }
        CGPoint offset = [_scrollView contentOffset];
  
        if (offset.x > kScreenWidth) { //  向右滑动
             self.curIndex = CH_CYCLEINDEX_CALCULATE(self.curIndex+1, self.dataArray.count);
        } else if(offset.x < self.frame.size.width) {
          //  向左滑动
          self.curIndex = CH_CYCLEINDEX_CALCULATE(self.curIndex-1, self.dataArray.count);
        }
  
        [self changeImageViewWithIndex:self.curIndex];
  
        [self.scrollView setContentOffset:CGPointMake(kScreenWidth, 0) animated:NO];
        self.pageControl.currentPage = self.curIndex;
  }
  

• 改变轮播的图片
  - (void)changeImageViewWithIndex:(NSInteger)index
  {
  NSString *midString = self.dataArray[CH_CYCLEINDEX_CALCULATE(index, self.dataArray.count)];
  NSString *leftString = self.dataArray[CH_CYCLEINDEX_CALCULATE(index-1, self.dataArray.count)];
  NSString *rightString = self.dataArray[CH_CYCLEINDEX_CALCULATE(index+1, self.dataArray.count)];

      [self.leftImageView sd_setImageWithURL:[NSURL URLWithString:leftString] placeholderImage:[UIImage imageNamed:@"place_2"]];
      [self.midImageVIew sd_setImageWithURL:[NSURL URLWithString:midString] placeholderImage:[UIImage imageNamed:@"place_2"]];
      [self.rightImageView sd_setImageWithURL:[NSURL URLWithString:rightString] placeholderImage:[UIImage imageNamed:@"place_2"]];
  }
  

• ScrollView Delegate
  //当用户手动个轮播时 关闭定时器
  - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
  {
  [self.timer invalidate];
  self.timer = nil;
  }

  //当用户手指停止滑动图片时 启动定时器
  - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
  {
  [self timeSetter];
  }

  - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
  {
      [self reloadImage];
  }
  

（具体看demo）

demo 传送门