UI之UIScrollView实现循环滚动视图

<pre name="code" class="objc">1.创建三个UIImageView，用来当做图片的载体。将三个UIImageView添加到UIScrollView上。初始化的时候是加载三个UIImageView。
2.滚动后，获取当前索引。  当滑动的时候，首先判断是左翻还是右翻，
在滚动视图的代理方法中，如果向左翻，则判断是不是数组中第一张图片（临界点），更新当前图片的索引  向右翻同理
3.滚动后，更新三个载体中的图片。在加载图片视图的方法中，向图片视图中装载上三种图片，取到当前图片索引，然后再装在当前图片前一张图片和后一张图片，也需要判断其在数组中的位置。

@implementation ViewController {
    UIScrollView *_scrollView;          // 滚动视图
    NSMutableArray *_array;             // 图片名字数组
    int _currentIndex;                  // 当前图片在数组中的索引
    UIImageView *_preImageView;         // 左图片视图
    UIImageView *_currentImageView;     // 中图片视图
    UIImageView *_nextImageView;        // 右图片视图
}


- (void)viewDidLoad {
    [super viewDidLoad];
    
    _currentIndex = 0;
    _array = [NSMutableArray array];
    _scrollView = [[UIScrollView alloc] init];
    
    _scrollView.frame = self.view.bounds;
    _scrollView.bounces = NO;
    _scrollView.contentSize = CGSizeMake(320*3, 0);
    _scrollView.delegate = self;
    _scrollView.pagingEnabled = YES;
    _scrollView.showsHorizontalScrollIndicator = NO;
    [self.view addSubview:_scrollView];
    
    // 左
    _preImageView = [[UIImageView alloc] init];
    _preImageView.frame = CGRectMake(0, 0, 320, 480);
    [_scrollView addSubview:_preImageView];
    
    // 中
    _currentImageView = [[UIImageView alloc] init];
    _currentImageView.frame = CGRectMake(320, 0, 320, 480);
    [_scrollView addSubview:_currentImageView];
    
    // 右
    _nextImageView = [[UIImageView alloc] init];
    _nextImageView.frame = CGRectMake(640, 0, 320, 480);
    [_scrollView addSubview:_nextImageView];
    
    for (int i = 0; i < 6; i++) {
        
        NSString *imageName = [NSString stringWithFormat:@"%@/%d.jpg",[[NSBundle mainBundle] resourcePath],i+1];
        
        [_array addObject:imageName];
    }
    
    [self loadPage];
}


- (void)loadPage {
    
    // 移除三张图
    _preImageView.image = nil;
    
    _currentImageView.image = nil;
    
    _nextImageView.image = nil;
    
    // 加载三张图
    _currentImageView.image = [[UIImage alloc] initWithContentsOfFile:[_array objectAtIndex:_currentIndex]];
    
    // 判断当前索引的前一张
    _preImageView.image = [[UIImage alloc] initWithContentsOfFile:(_currentIndex-1) < 0 ? [_array lastObject] : [_array objectAtIndex:_currentIndex-1]];
    // 判断当前索引的后一张
    _nextImageView.image = [[UIImage alloc] initWithContentsOfFile:
        (_currentIndex+1) == _array.count ? [_array firstObject] : [_array objectAtIndex:_currentIndex+1]];
    
        [_scrollView setContentOffset:CGPointMake(320, 0)];
    
}

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
    
    // 判断左右翻
    int index = _scrollView.contentOffset.x/320;
    // 左翻，数组索引-1
    if (index == 0) {
        // 左翻 当前显示的图片索引变化
        _currentIndex = _currentIndex - 1 < 0 ? _array.count-1 : _currentIndex-1;
        [self loadPage];
        
    }
    // 右翻，数组索引+1
    if (index == 2) {
        // 右翻 当前显示的图片索引变化
        _currentIndex = _currentIndex + 1 == _array.count ? 0 : _currentIndex+1;
        [self loadPage];
        
    }
}