IOS scrollView 图片浏览

//
//  ViewController.m
//  0426
//
//  Created by apple on 15/4/26.
//  Copyright (c) 2015年 gense. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()<UIScrollViewDelegate>
{
    UIPageControl * pageControl;
    
    //定义图片名称集合
    NSMutableArray * arr ;
    
    //主显示图片view
    UIImageView * mainImageView ;
    
    //
    UIImageView * otherImageView;
    
    //定义当前显示索引位置
    int currentImageIndex ;
    
    
    UIImage * leftImage ;
    
    UIImage * rightImage;
}
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    //取得屏幕宽度与高度
    CGFloat width = self.view.frame.size.width;
    CGFloat height = self.view.frame.size.height;
    
    arr = [NSMutableArray arrayWithCapacity:8];
    
    //添加滚动图片
    for (int i=0 ;i < 8; i++) {
        [arr addObject:[NSString stringWithFormat:@"0%d.jpg",i+1]];
    }
    
    
    currentImageIndex = 0;
    [self setImage];
    
    //实例化不显示图片
    mainImageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:arr[0]]];
    
    mainImageView.frame = CGRectMake(width, 0, width, height);
    [_scrollView addSubview:mainImageView];
    
    otherImageView = [[UIImageView alloc] init];
    
    [_scrollView addSubview:otherImageView];
    
    
    //设置scrollview 滚动区域
    
    _scrollView.contentSize = CGSizeMake(3 * width, 0);
    
    //显示中间图片
    _scrollView.contentOffset = CGPointMake(width, 0);
    
    //隐藏水平滚动格
    _scrollView.showsHorizontalScrollIndicator = NO;
    
    
   _scrollView.pagingEnabled  = YES;
    
    //注册scrollview 的代理对象
    _scrollView.delegate = self;
    
    //添加分布条
    pageControl = [[UIPageControl alloc]init];
    
    //设置分页条位置
    pageControl.center = CGPointMake(width/2, height-39);
    
    pageControl.bounds = CGRectMake(0, 0, width, 30);
    
    //设置分页条 分页项的color
    pageControl.pageIndicatorTintColor = [UIColor whiteColor];
    pageControl.currentPageIndicatorTintColor = [UIColor blackColor];
    
    
    pageControl.numberOfPages = 8;
    
    pageControl.currentPage = 0;
    
    //添加change事件
    
    [pageControl addTarget:self action:@selector(pageControlPageChange:) forControlEvents:UIControlEventValueChanged];
    
    [_scrollView addSubview:pageControl];
    
}

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    int currentPage =  scrollView.contentOffset.x/scrollView.frame.size.width ;
    
    if(currentPage == 1)
    {
        return ;
    }
    
    //向左滑
    if(currentPage == 0)
    {
        if( currentImageIndex == 0)
        {
            currentImageIndex = 7;
        }
        else
        {
            currentImageIndex--;
        }
        
        mainImageView.image = leftImage;
        _scrollView.contentOffset = CGPointMake(mainImageView.frame.origin.x, 0);
        
        
    }
    else if(2 == currentPage) //向右滑
    {
        if(currentImageIndex == 7)
        {
            currentImageIndex = 0;
        }
        else
        {
            currentImageIndex ++;
        }
        
        mainImageView.image = rightImage;
        _scrollView.contentOffset = CGPointMake(mainImageView.frame.origin.x, 0);
    }
    
    pageControl.currentPage = currentImageIndex ;
    
    
    //NSLog(@"current page index %d",currentImageIndex);
    
    //重新设置左右图片
    
    [self  setImage];
    
    

}

- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView{
    NSLog(@"end scrolling Animation");
}

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    //调整pageControl bounds size x位置
    pageControl.center = CGPointMake( scrollView.contentOffset.x + scrollView.frame.size.width/2, scrollView.frame.size.height-39);
    
    
    //得到主显示图片的位置
    CGFloat mainImageX = mainImageView.frame.origin.x;
    
    //得到滚动offsetX
    CGFloat offsetX = _scrollView.contentOffset.x;
    
    //向右滚动
    if(offsetX < mainImageX)
    {
        otherImageView.image = leftImage;
        otherImageView.frame = CGRectMake(0, 0, _scrollView.frame.size.width, _scrollView.frame.size.height);
    }
    else //向左滚动
    {
        otherImageView.image = rightImage;
        otherImageView.frame = CGRectMake(mainImageX*2, 0, _scrollView.frame.size.width, _scrollView.frame.size.height);
    }
    
}


- (void) pageControlPageChange:(UIPageControl *) page
{
    [UIView animateWithDuration:0.5 animations:^{
        _scrollView.contentOffset = CGPointMake(page.currentPage*_scrollView.frame.size.width, 0);
    }];
    
    
    
}


#pragma mark 取得下一张图片
- (void) setImage
{
    
    if(currentImageIndex == 0)
    {
        leftImage = [UIImage imageNamed:arr[7]];
        rightImage = [UIImage imageNamed:arr[1]];
    }
    else if(currentImageIndex == 7)
    {
        leftImage = [UIImage imageNamed:arr[6]];
        rightImage = [UIImage imageNamed:arr[0]];
        
    }
    else
    {
        leftImage = [UIImage imageNamed:arr[currentImageIndex-1]];
        rightImage = [UIImage imageNamed:arr[currentImageIndex+1]];
    }
}



@end