源码下载地址:http://download.youkuaiyun.com/detail/liu537192/8441465
效果图:
核心代码:
//
// LiuJieViewController.m
// 04-图片轮播器
//
// Created by Mac on 15-2-11.
// Copyright (c) 2015年 vxinyou. All rights reserved.
//
#import "LiuJieViewController.h"
@interface LiuJieViewController ()
/**
* UIScrollView:用于显示图片,并且可以轮播图片
*/
@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
/**
* UIPageControl
*/
@property (weak, nonatomic) IBOutlet UIPageControl *pageControll;
/**
* 定时器
*/
@property (nonatomic, strong) NSTimer *timer;
@property (nonatomic,assign) int imageCount;
@end
@implementation LiuJieViewController
- (void)viewDidLoad
{
[super viewDidLoad];
// 为ScrollView设置代理
self.scrollView.delegate = self;
// 图片的宽高和Y值都是固定的
CGFloat imageW = self.scrollView.frame.size.width;
CGFloat imageH = self.scrollView.frame.size.height;
CGFloat imageY = 0;
self.imageCount = 5;
// 1,添加图片到ScrollView中
for (int i = 0; i < self.imageCount; i++) {
UIImageView *imageView = [[UIImageView alloc] init];
// 设置图片的frame
CGFloat imageX = i * imageW;
imageView.frame = CGRectMake(imageX, imageY, imageW, imageH);
// 设置图片
NSString *name = [NSString stringWithFormat:@"img_0%d", i + 1];
imageView.image = [UIImage imageNamed:name];
[self.scrollView addSubview:imageView];
}
// 2,设置ScrollView的内容尺寸
CGFloat contentW = self.imageCount * imageW;
self.scrollView.contentSize = CGSizeMake(contentW, 0);
// 3,隐藏水平滚动条
self.scrollView.showsHorizontalScrollIndicator = NO;
// 4,分页
self.scrollView.pagingEnabled = YES;
// 5,设置pageControll的总页数
self.pageControll.numberOfPages = self.imageCount;
// 6.添加定时器(每隔2秒调用一次self 的nextImage方法)
[self addTimer];
}
/**
* 添加定时器
*/
- (void)addTimer
{
// scheduledTimerWithTimeInterval:每隔多少秒执行nextImage方法
// repeats:是否重复
self.timer = [NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector:@selector(nextImage) userInfo:nil repeats:YES];
// 这个方法的作用是什么呢?
// 假设在self.view中还有一个UITextView控件,UITextView控件可以拖拽显示多行文本内容,
// 如果没有下面这句代码,在拖拽UITextView的时候,UIScrollView将不会有任何变化
// 也就是默认情况下只能执行一个操作,有了下面这句代码,在拖拽UITextView的时候,不会影响到UIScrollView的自动轮播
[[NSRunLoop currentRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes];
}
/**
* 移除定时器
*/
- (void)removeTimer
{
[self.timer invalidate];
self.timer = nil;
}
- (void)nextImage
{
// 1.增加pageControl的页码
int page = 0;
if (self.pageControll.currentPage == self.imageCount - 1) {
page = 0;
} else {
page = self.pageControll.currentPage + 1;
}
// 2.计算scrollView滚动的位置
CGFloat offsetX = page * self.scrollView.frame.size.width;
CGPoint offset = CGPointMake(offsetX, 0);
[self.scrollView setContentOffset:offset animated:YES];
}
/**
* 开始拖拽的时候调用
*/
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
// 停止定时器(一旦定时器停止了,就不能再使用),为什么要停止?
// 如果不停止,我们在手动拖拽图片的时候,计时器一直在计时,当我们松手时,会一次轮播多张图片
[self removeTimer];
}
/**
* 停止拖拽的时候调用
*/
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
// 开启定时器
[self addTimer];
}
/**
* 当scrollView正在滚动就会调用
*/
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
// 根据scrollView的滚动位置决定pageControl显示第几页
CGFloat scrollW = scrollView.frame.size.width;
int page = (scrollView.contentOffset.x + scrollW * 0.5) / scrollW;
self.pageControll.currentPage = page;
}
@end