#ifndef W_H_
#define W_H_
// 獲取屏幕的寬度
#define WIDTH  [UIScreen mainScreen].bounds.size.width
// UIScrollView和UIImageView的高度
#define HEIGHT 180
#endif

#import "ViewController.h"

@interface ViewController ()<UIScrollViewDelegate>{
    UIScrollView *myScrollView;
    // 左邊圖片
    UIImageView *leftImageView;
    // 中間圖片
    UIImageView *centerImageView;
    // 右邊圖片
    UIImageView *rightImageView;
    NSArray *imageNameArray;
    // 數組下標
    NSInteger index;
}

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.view.backgroundColor = [UIColor yellowColor];
    
    // 將圖片添加到數組中
    imageNameArray = @[@"1.jpg", @"2.jpg", @"3.jpg", @"4.jpg", @"5.jpg", @"6.jpg", @"7.jpg", @"8.jpg", @"9.jpg", @"10.jpg"];
    index = 0;
    [self creatScrollView];
    [self addImageViews];
}

// 創(chuàng)建UIScrollView
- (void) creatScrollView{
    myScrollView = [[UIScrollView alloc]init];
    myScrollView.frame = CGRectMake(0, 100, WIDTH, HEIGHT);
    // 指定UIScrollView的contentSize
    myScrollView.contentSize = CGSizeMake(3 * WIDTH, HEIGHT);
    // contentSize的偏移量始終在中間
    myScrollView.contentOffset = CGPointMake(WIDTH , 0);
    myScrollView.pagingEnabled = YES;
    // 綁定委托
    myScrollView.delegate = self;
    [self.view addSubview:myScrollView];
}

-(void)addImageViews{
    leftImageView=[[UIImageView alloc]initWithFrame:CGRectMake(0, 0, WIDTH, HEIGHT)];
    leftImageView.image = [UIImage imageNamed:imageNameArray[imageNameArray.count - 1]];
    [myScrollView addSubview:leftImageView];
    
    centerImageView=[[UIImageView alloc]initWithFrame:CGRectMake(WIDTH, 0, WIDTH, HEIGHT)];
    centerImageView.image = [UIImage imageNamed:imageNameArray[index]];
    [myScrollView addSubview:centerImageView];

    rightImageView=[[UIImageView alloc]initWithFrame:CGRectMake(WIDTH * 2, 0, WIDTH, HEIGHT)];
    rightImageView.image = [UIImage imageNamed:imageNameArray[index + 1]];
    [myScrollView addSubview:rightImageView];
}

#pragma mark UIScrollViewDelegate方法
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    [self reloadImage];
    // 讓UIScrollView的偏移量保持在中間位置 也就是說界面上顯示的始終是UIScrollView的中間那張圖片
    [myScrollView setContentOffset:CGPointMake(WIDTH, 0) animated:NO];
}

// 滾動結束時獲取新的圖片
-(void)reloadImage{
    NSInteger leftImageIndex,rightImageIndex;
    CGPoint offset = [myScrollView contentOffset];
    // 向右滑動
    if (offset.x > WIDTH) {
        index = (index + 1) % imageNameArray.count;
    }
    // 向左滑動
    else if(offset.x < WIDTH) {
        index = (index + imageNameArray.count - 1) % imageNameArray.count;
    }
    centerImageView.image = [UIImage imageNamed:imageNameArray[index]];
    leftImageIndex=(index + imageNameArray.count - 1) % imageNameArray.count;
    leftImageView.image = [UIImage imageNamed:imageNameArray[leftImageIndex]];
    rightImageIndex=(index + 1) % imageNameArray.count;
    rightImageView.image = [UIImage imageNamed:imageNameArray[rightImageIndex]];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

輪播效果.png