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(, , SCREEN_WIDTH, )];

     _fzhScrollView.contentSize = CGSizeMake(SCREEN_WIDTH * (imageNum +) , );

     for (int i = ; i<imageNum + ; i++) {
         UIImageView * imageView = [[UIImageView alloc]initWithFrame:CGRectMake(i * SCREEN_WIDTH, , SCREEN_WIDTH, )];
         if (i == ) {
             imageView.image = [UIImage imageNamed:@"3.jpg"];
         }else if (i == imageNum + ){
             imageView.image = [UIImage imageNamed:@"1.jpg"];
         }else{
             imageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"%d.jpg",i]];
         }
         [_fzhScrollView addSubview:imageView];
     }

     _fzhScrollView.contentOffset = CGPointMake(SCREEN_WIDTH, );
     _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 = ;
     if (_pageCtl.currentPage == imageNum - ) {
         page = ;
     } else {
         page = (int)_pageCtl.currentPage + ;
     }
     //如果在第0个位置，把滑动位置设置为最后一张
     if (_fzhScrollView.contentOffset.x == ) {
         _fzhScrollView.contentOffset = CGPointMake(imageNum * SCREEN_WIDTH, );
         //如果在第imageNum + 1个位置，把滑动位置设置为第一张
     }else if (_fzhScrollView.contentOffset.x == (imageNum + ) * SCREEN_WIDTH){
         _fzhScrollView.contentOffset = CGPointMake(SCREEN_WIDTH, );
     }else{
         CGFloat offsetX = _fzhScrollView.contentOffset.x;
         offsetX  = offsetX + SCREEN_WIDTH;
          _fzhScrollView.contentOffset = CGPointMake(offsetX, );
     }
 }
 //创建分页控制器
 - (void)setupPageControl
 {
     _pageCtl = [[UIPageControl alloc]initWithFrame:CGRectMake(, , SCREEN_WIDTH, )];

     _pageCtl.numberOfPages = imageNum;

     _pageCtl.backgroundColor = [UIColor blackColor];

     [self.view addSubview:_pageCtl];

 }

 #pragma mark ---UIScrollViewDelegate
 /**
  *  当scrollView正在滚动就会调用
  */
 - (void)scrollViewDidScroll:(UIScrollView *)scrollView
 {
     //如果在第0个位置，把滑动位置设置为最后一张
     if (_fzhScrollView.contentOffset.x == ) {
         _fzhScrollView.contentOffset = CGPointMake(imageNum * SCREEN_WIDTH, );
         _pageCtl.currentPage = imageNum;
         //如果在第imageNum + 1个位置，把滑动位置设置为第一张
     }else if (_fzhScrollView.contentOffset.x == (imageNum + ) * SCREEN_WIDTH){
         _fzhScrollView.contentOffset = CGPointMake(SCREEN_WIDTH, );
         _pageCtl.currentPage = ;
     }else{

         _pageCtl.currentPage = (scrollView.contentOffset.x + SCREEN_WIDTH * 0.5)/SCREEN_WIDTH -;
     }

 }
 /**
  *  开始拖拽的时候调用
  */
 - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
 {
     // 停止定时器(一旦定时器停止了,就不能再使用)
     [self removeTimer];
 }

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

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

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