iOS --UIScrollView的学习（三）自动轮播

1、前面两章讲的都是基本的用法，这次讲一下比较重要的功能分页和自动播放

2、UIPageControl--分页

2.1只要将UIScrollView的pageEnabled属性设置为YES，UIScrollView会被分割成多个独立页面，里面的内容就能进行分页展示，一般会配合UIPageControl增强分页效果，UIPageControl常用属性如下 

1）一共有多少页

@property(nonatomic) NSInteger numberOfPages;

2）当前显示的页码

@property(nonatomic) NSInteger currentPage; 

 3）只有一页时，是否需要隐藏页码指示器

@property(nonatomic) BOOL hidesForSinglePage; 

4）其他页码指示器的颜色

@property(nonatomic,retain) UIColor *pageIndicatorTintColor;

5）当前页码指示器的颜色

@property(nonatomic,retain) UIColor *currentPageIndicatorTintColor;

3、NSTimer

3.1、NSTimer叫做“定时器”，它的作用如下：

1）在指定的时间执行指定的任务

2）每隔一段时间执行指定的任务

3.2、调用下面的方法就会开启一个定时任务

+ (NSTimer *)scheduledTimerWithTimeInterval:(NSTimeInterval)ti target:(id)aTarget 

selector:(SEL)aSelector 

userInfo:(id)userInfo 

repeats:(BOOL)yesOrNo;

每隔ti秒，调用一次aTarget的aSelector方法，yesOrNo决定了是否重复执行这个任务

3.3、通过invalidate方法可以停止定时器的工作，一旦定时器被停止了，就不能再次执行任务。只能再创建一个新的定时器才能执行新的任务

- (void)invalidate;

4、大体思路：

在前面+最后一张，在最后面+第一张，也就是说如果你有三张图片的话在第0个位置放最后一张，在第4个位置放第一张，总共的contentsize是imageNum+ 2。

代码如下：

- (void)viewDidLoad {
    [super viewDidLoad];
    //初始化scrollView
    [self setupScrollView];
    //初始化pageControl
    [self setupPageControl];
}
- (void)setupScrollView
{
    _fzhScrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 64, SCREEN_WIDTH, 200)];
    
    _fzhScrollView.contentSize = CGSizeMake(SCREEN_WIDTH * (imageNum +2) , 0);
    
    for (int i = 0; i<imageNum + 2; i++) {
        UIImageView * imageView = [[UIImageView alloc]initWithFrame:CGRectMake(i * SCREEN_WIDTH, 64, SCREEN_WIDTH, 200)];
        if (i == 0) {
            imageView.image = [UIImage imageNamed:@"3.jpg"];
        }else if (i == imageNum + 1){
            imageView.image = [UIImage imageNamed:@"1.jpg"];
        }else{
            imageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"%d.jpg",i]];
        }
        [_fzhScrollView addSubview:imageView];
    }
    
    _fzhScrollView.contentOffset = CGPointMake(SCREEN_WIDTH, 0);
    _fzhScrollView.bounces = NO;
    _fzhScrollView.showsHorizontalScrollIndicator = NO;
    _fzhScrollView.pagingEnabled = YES;
    _fzhScrollView.delegate = self;
    //添加定时器
    [self addTimer];
    [self.view addSubview:_fzhScrollView];
    
}
/**
 *  添加定时器
 */
- (void)addTimer
{
    self.timer = [NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector:@selector(nextImage) userInfo:nil repeats:YES];
    [[NSRunLoop currentRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes];
}
/**
 *  移除定时器
 */
- (void)removeTimer
{
    [self.timer invalidate];
    self.timer = nil;
}
- (void)nextImage
{
    //1.计算page
    int page = 0;
    if (_pageCtl.currentPage == imageNum - 1) {
        page = 0;
    } else {
        page = (int)_pageCtl.currentPage + 1;
    }
    //如果在第0个位置，把滑动位置设置为最后一张
    if (_fzhScrollView.contentOffset.x == 0) {
        _fzhScrollView.contentOffset = CGPointMake(imageNum * SCREEN_WIDTH, 0);
        //如果在第imageNum + 1个位置，把滑动位置设置为第一张
    }else if (_fzhScrollView.contentOffset.x == (imageNum + 1) * SCREEN_WIDTH){
        _fzhScrollView.contentOffset = CGPointMake(SCREEN_WIDTH, 0);
    }else{
        CGFloat offsetX = _fzhScrollView.contentOffset.x;
        offsetX  = offsetX + SCREEN_WIDTH;
         _fzhScrollView.contentOffset = CGPointMake(offsetX, 0);
    }
}
//创建分页控制器
- (void)setupPageControl
{
    _pageCtl = [[UIPageControl alloc]initWithFrame:CGRectMake(0, 400, SCREEN_WIDTH, 60)];
    
    _pageCtl.numberOfPages = imageNum;
    
    _pageCtl.backgroundColor = [UIColor blackColor];
    
    [self.view addSubview:_pageCtl];
    
}

#pragma mark ---UIScrollViewDelegate
/**
 *  当scrollView正在滚动就会调用
 */
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    //如果在第0个位置，把滑动位置设置为最后一张
    if (_fzhScrollView.contentOffset.x == 0) {
        _fzhScrollView.contentOffset = CGPointMake(imageNum * SCREEN_WIDTH, 0);
        _pageCtl.currentPage = imageNum;
        //如果在第imageNum + 1个位置，把滑动位置设置为第一张
    }else if (_fzhScrollView.contentOffset.x == (imageNum + 1) * SCREEN_WIDTH){
        _fzhScrollView.contentOffset = CGPointMake(SCREEN_WIDTH, 0);
        _pageCtl.currentPage = 0;
    }else{
        
        _pageCtl.currentPage = (scrollView.contentOffset.x + SCREEN_WIDTH * 0.5)/SCREEN_WIDTH -1;
    }
    
}
/**
 *  开始拖拽的时候调用
 */
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    // 停止定时器(一旦定时器停止了,就不能再使用)
    [self removeTimer];
}

/**
 *  停止拖拽的时候调用
 */
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
    // 开启定时器
    [self addTimer];
}

demo：下载地址：https://github.com/fengzhihao123/FZHAutoScrollView；

tip：如果出现图片不存在的错误，自己再拖拽进3张图片修改一下名称即可！