在UICollectionView中使用三张图实现轮播

原理很简单，就是在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];
}
```

全部栏目

在UICollectionView中使用三张图实现轮播

步骤一

步骤二

步骤三