define iImageCount 5
define scrollViewWidth (_scrollView.bounds.size.width)
当前显示图片 左侧 & 右侧 图片索引
define leftImageIndex ((_currentImageIndex - 1 + iImageCount) % iImageCount)
define rightImageIndex ((_currentImageIndex + 1) % iImageCount)
@interface ViewController ()
@property (nonatomic, strong) UIScrollView *scrollView;
@property (nonatomic, strong) UIPageControl *pageControl;
// 轮播图片索引 & imageView
@property (nonatomic, strong) UIImageView *leftImageView;
@property (nonatomic, strong) UIImageView *middleImageView;
@property (nonatomic, strong) UIImageView *rightImageView;
@property (nonatomic, assign) NSInteger currentImageIndex;
@property (nonatomic, strong) NSTimer *timer;
@end
@implementation ViewController
pragma -mark 懒加载
/**
* 懒加载中,对成员变量的引用,使用 self. 和 _ 是有区别的
* 在使用的时候加载, 就是一个getter
*/
-(UIScrollView *)scrollView
{
if (!_scrollView) {
_scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(10, 20, 300, 130)];
_scrollView.delegate = self;
[_scrollView setBackgroundColor:[UIColor whiteColor]];
_scrollView.contentSize = CGSizeMake(3 * scrollViewWidth, 0);
// 分页、滚动条
_scrollView.pagingEnabled = YES;
_scrollView.showsHorizontalScrollIndicator = NO;
[self addSubViewsForScrollView];
[_scrollView setContentOffset:CGPointMake(scrollViewWidth, 0)];
[self.view addSubview:_scrollView];
}
return _scrollView;
}
-(void)addSubViewsForScrollView
{
CGFloat width = _scrollView.bounds.size.width;
CGFloat height = _scrollView.bounds.size.height;
self.leftImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, width, height)];
self.middleImageView = [[UIImageView alloc] initWithFrame:CGRectMake(scrollViewWidth, 0, width, height)];
self.rightImageView = [[UIImageView alloc] initWithFrame:CGRectMake(scrollViewWidth * 2, 0, width, height)];
_currentImageIndex = 0;
[self setImageForScrollView];
NSArray *array = @[self.leftImageView, self.middleImageView, self.rightImageView];
for (UIImageView *imageView in array) {
[self.scrollView addSubview:imageView];
}
}
-(UIPageControl *)pageControl
{
// pageControl的表示当前页的指示器变化的方向,根据点击的位置处于pageControl中心的哪个方向
if (!_pageControl) {
_pageControl = [[UIPageControl alloc] init];
_pageControl.numberOfPages = iImageCount;
CGSize size = [_pageControl sizeForNumberOfPages:_pageControl.numberOfPages];
_pageControl.frame = CGRectMake(0, 0, size.width, size.height);
_pageControl.center = CGPointMake(self.scrollView.center.x, 130);
_pageControl.pageIndicatorTintColor = [UIColor whiteColor];
_pageControl.currentPageIndicatorTintColor = [UIColor blackColor];
// 因为继承自UIController,所以可以添加监听方法
[_pageControl addTarget:self action:@selector(pageChanged:)
forControlEvents:UIControlEventValueChanged];
}
return _pageControl;
}
-(void)pageChanged:(UIPageControl *)pageControl
{
_currentImageIndex = pageControl.currentPage;
[self setImageForScrollView];
}
pragma -mark UI
- (void)viewDidLoad {
[super viewDidLoad];
[self.view addSubview:self.scrollView];
[self.view addSubview:self.pageControl];
[self startTimer];
}
pragma -mark UIScrollViewDelegate
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
if (scrollView.contentOffset.x < scrollViewWidth) {
// 向左滑动
_currentImageIndex = leftImageIndex;
} else if (scrollView.contentOffset.x > scrollViewWidth) {
// 向右移动
_currentImageIndex = rightImageIndex;
} else {
// 不移动
}
// 设置_pageControl的当前指示
_pageControl.currentPage = _currentImageIndex;
[self setImageForScrollView];
[self.scrollView setContentOffset:CGPointMake(scrollViewWidth, 0)];
}
(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
[self stopTimer];
}(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
[self startTimer];
}
-(void) setImageForScrollView
{
[self.middleImageView setImage:[UIImage imageNamed:[NSString stringWithFormat:@”img_0%ld”,
(long)_currentImageIndex]]];
[self.leftImageView setImage:[UIImage imageNamed:[NSString stringWithFormat:@”img_0%ld”,
(long)leftImageIndex]]];
[self.rightImageView setImage:[UIImage imageNamed:[NSString stringWithFormat:@”img_0%ld”,
(long)rightImageIndex]]];
}
pragma -mark Timer
- (void)startTimer
{
self.timer = [NSTimer timerWithTimeInterval:1.0 target:self selector:@selector(updateTimer)
userInfo:nil repeats:YES];
[[NSRunLoop currentRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes];
}
(void)updateTimer
{
_currentImageIndex = rightImageIndex;
_pageControl.currentPage = _currentImageIndex;
[self setImageForScrollView];
}(void)stopTimer
{
[self.timer invalidate];
}