UIScrollView循环滚动1

现在基本每一个商业APP都会有循环滚动视图，放一些轮播广告之类的，都是放在UIScrollView之上。假如我要实现N张图片的轮播，我借鉴了几个博文，得到两种方法实现：

【第一种】：如下图（图片来源于kenshin cui‘s的博客），假如要实现3张图片轮播，我们就设置UIScrollView上的imageView为3+2个，图片顺序为31231。

初始加载UIScrollView时候，滚动到第二个imageView上。

当滚动到最后一个imageview时候，设置UIScrollView的ContentOffset到第二个imageView。

当往前滚动到第一个imageview时候，设置UIScrollView的ContentOffset到倒数第二个imageview。

具体代码如下：

 #import "ViewController.h"
 //定义宏，获取屏幕宽高
 #define SCREEN_WIDTH [UIScreen mainScreen].bounds.size.width
 #define SCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height

 @interface ViewController ()<UIScrollViewDelegate>
 /** 滚动视图*/
 @property (nonatomic,strong)UIScrollView *scrollView;
 /** 图片数组*/
 @property (nonatomic,strong)NSMutableArray *imageArray;
 @end

 @implementation ViewController
 //懒加载滚动视图
 -(UIScrollView *)scrollView{
     if (!_scrollView) {
         _scrollView = [[UIScrollView alloc]init];
     }
     return _scrollView;
 }
 //懒加载图片数组
 -(NSMutableArray *)imageArray{
     if (!_imageArray) {
         _imageArray = [NSMutableArray array];
     }
     return _imageArray;
 }

 - (void)viewDidLoad {
     [super viewDidLoad];
     //先加载图片
     [self loadImageArray];
     //再设置滚动视图
     [self setupScrollview];
 }
 //加载图片，假设有3张图片 welcome1 welcome2 welcome3
 -(void)loadImageArray{
     for (NSInteger i =  ; i<; i++) {
         UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"welcome%ld",i+]];
         [self.imageArray addObject:image];
     }
 }
 //设置scrollview
 -(void)setupScrollview{
     //设置可见区域
     self.scrollView.frame = self.view.bounds;
     //设置容量
     self.scrollView.contentSize = CGSizeMake(SCREEN_WIDTH*(self.imageArray.count + ), SCREEN_HEIGHT);
     //翻页模式
     self.scrollView.pagingEnabled = YES;
     //代理
     self.scrollView.delegate = self;
     //边缘不能弹跳
     self.scrollView.bounces = NO;
     //隐藏水平滚动条
     self.scrollView.showsHorizontalScrollIndicator = NO;
     [self.view addSubview:self.scrollView];
     //循环添加imageView
     for (NSInteger i = ; i < self.imageArray.count + ; i++) {
         UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(i *SCREEN_WIDTH, , SCREEN_WIDTH, SCREEN_HEIGHT)];
         if (i == ) {//0->lastObject
             imageView.image = self.imageArray.lastObject;
         }else if (i == self.imageArray.count + ){//4->firstObject
             imageView.image = self.imageArray.firstObject;
         }else{//1->0 2->1 3->2
             imageView.image = self.imageArray[i-];
         }
         [self.scrollView addSubview:imageView];
     }
     //设置初始滚动的位置为第二个imageView
     self.scrollView.contentOffset = CGPointMake(SCREEN_WIDTH, );
 }
 //当停止滚动时候，重新设置 scrollview的ContentOffset
 -(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
     CGPoint point = scrollView.contentOffset;
     if (point.x/SCREEN_WIDTH > self.imageArray.count) {//当滚动到最后的时候
         [self.scrollView setContentOffset:CGPointMake(SCREEN_WIDTH, ) animated:NO];
     }else if (point.x/SCREEN_WIDTH < ){//当滚动到最前的时候
         [self.scrollView setContentOffset:CGPointMake(SCREEN_WIDTH*self.imageArray.count, ) animated:NO];
     }
 }

可以新建项目，直接复制该代码，在loadImageArray方法里面修改成加载自己的图片，运行即可。

【第二种】：假如有100张图片或者更多，就得加载100+2个imageview，显然对性能要求就得更高，因此衍生出了第二种。

就是无论你有多少张图片，imageview始终只有3个。

无论你怎么滚动，当滚动完毕的时候，UIScrollView的ContentOffset都是中间的一个imageview。

只是我们在UIScrollView的代理方法里面不断改变每一个imageview.image的图片而已。

第二种源码我会在后续博文补充。

其实，这个循环滚动学的不是会敲代码，而是一种思路。

最后推荐一个github很好用的类似第三方类库SDCycleScrollView，星星两千多，很不错。