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 = 0 ; i<3; i++) {
        UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"welcome%ld",i+1]];
        [self.imageArray addObject:image];
    }
}
//设置scrollview
-(void)setupScrollview{
    //设置可见区域
    self.scrollView.frame = self.view.bounds;
    //设置容量
    self.scrollView.contentSize = CGSizeMake(SCREEN_WIDTH*(self.imageArray.count + 2), 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 = 0; i < self.imageArray.count + 2; i++) {
        UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(i *SCREEN_WIDTH, 0, SCREEN_WIDTH, SCREEN_HEIGHT)];
        if (i == 0) {//0->lastObject
            imageView.image = self.imageArray.lastObject;
        }else if (i == self.imageArray.count + 1){//4->firstObject
            imageView.image = self.imageArray.firstObject;
        }else{//1->0 2->1 3->2
            imageView.image = self.imageArray[i-1];
        }
        [self.scrollView addSubview:imageView];
    }
    //设置初始滚动的位置为第二个imageView
    self.scrollView.contentOffset = CGPointMake(SCREEN_WIDTH, 0);
}
//当停止滚动时候，重新设置 scrollview的ContentOffset
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    CGPoint point = scrollView.contentOffset;
    if (point.x/SCREEN_WIDTH > self.imageArray.count) {//当滚动到最后的时候
        [self.scrollView setContentOffset:CGPointMake(SCREEN_WIDTH, 0) animated:NO];
    }else if (point.x/SCREEN_WIDTH < 1){//当滚动到最前的时候
        [self.scrollView setContentOffset:CGPointMake(SCREEN_WIDTH*self.imageArray.count, 0) animated:NO];
    }
}

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

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

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

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

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

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

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

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