iOS无限轮播Banner案例与原理分析

我们经常会遇到需要做无限轮播Banner的需求，仔细分析一下，可以拆分为两个需求：

• 可以自动滚动到下一页
• 不管是向前或者向后，永远有下一页

需求一：自动滚动

原理：通过定时任务来实现自动滚动
实现方式有很多种，例如GCD，NSTimer等，具体实现方式这里不展开说明了，简单写几个例子：
GCD的使用

// GCD实现定时任务
dispatch_source_t timer;
    timer = dispatch_source_create(DISPATCH_SOURCE_TYPE_TIMER, 0, 0,dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0));
    dispatch_source_set_timer(timer,
                              dispatch_time(DISPATCH_TIME_NOW, 5*NSEC_PER_SEC),
                              5*NSEC_PER_SEC,
                              0);
    dispatch_source_set_event_handler(timer, ^{
        dispatch_suspend(timer);
    });
    dispatch_resume(timer);

NSTimer的使用

// NSTimer
- (void)startTimer {
    [self stopTimer];
    self.repeatTimer = [NSTimer scheduledTimerWithTimeInterval:3 target:self selector:@selector(scrollToNextPage) userInfo:nil repeats:YES];
}

- (void)stopTimer {
    [self.repeatTimer invalidate];
    self.repeatTimer = nil;
}

- (void)scrollToNextPage {
    // scroll to next page
}

需求二：永远有上一页/下一页

网上比较常见的有两种方案：

1、UICollectionView

为CollectionView返回一个比较大的itemCount，然后通过取余计算来实现cell的循环展示
为实现假的可以无限上下滚动，所以会将初始化的位置放到itemCount的中间位置
优点：可以比较流畅的上下滚动
缺点：有边界，假无限（可以通过返回更大的itemCount来优化，由于collectionView的重用机制，并不会过多消耗内存），如果真到边界时，需要复位，否则会卡住
综上，推荐使用这种方式来实现，设置一个比较大的itemCount之后，只要不是鸡蛋里挑骨头，可以说是“无限”循环

2、UIScrollView

使用UIScrollView又有两种思路：
具体实现请参考https://www.jianshu.com/p/5847021bebc2
①滚动后重新布局，然后滚动到中间位置

1. 定义≥3页的内容

   
   
   1

2. 滚动到中间+1页

   
   
   2

3. 后台修改页面内容，滚动到中间页（无动画）

   
   
   3
   
   

   ②滚动动画完成后，调整到合适的位置
   滑到左边图3后，后台滚动到右边图3位置
   滑到右边图0时，后台滚动到左边图0位置

   
   
   image.png

优点：真的可以无限滑动
缺点：滑动不松手的话，会有边界