UISCrollView —— 图片轮播器实现（三）——（第二讲）

1. 所用知识点

  1> UIScrollView的基本属性，和UIPageControl设置，还有就是要用到NSTimer来定时实现UIScrollView的图片轮播

  2> NSTimer简单介绍：

    2.1  NSTimer叫做“定时器”，它的作用如下

         * 在指定的时间执行指定的任务

         * 每隔一段时间执行指定的任务

 

    2.2  NSTimer简单使用：

        1> 调用下面的方法就会开启一个定时任务

              + (NSTimer *)scheduledTimerWithTimeInterval:(NSTimeInterval)ti   target:(id)aTarget

                     selector:(SEL)aSelector

                     userInfo:(id)userInfo

                     repeats:(BOOL)yesOrNo;

       意思就是：每隔ti秒，调用一次aTarget的aSelector方法，yesOrNo决定了是否重复执行这个任务

       2> 通过invalidate方法可以停止定时器的工作，一旦定时器被停止了，就不能再次执行任务。只能再创建一个新的定时器才能执行新的任务

             - (void)invalidate;

2、图片轮播具体代码实现

#import "ViewController.h"

//#define kImageCount 5
#define IMAGE_COUNT 5
@interface ViewController ()<UIScrollViewDelegate>
@property (weak, nonatomic) IBOutlet UIScrollView *sc;
@property (weak, nonatomic) IBOutlet UIPageControl *pageControl;

// 注意:NSTimer应该是weak
// 为什么NSTimer应该是weak, 因为只要创建一个NSTimer对象, 该对象就会被主线程强引用
@property (weak, nonatomic) NSTimer *timer;
@end

@implementation ViewController

- (void)viewDidLoad
{
 [super viewDidLoad];
    
    self.sc.showsHorizontalScrollIndicator = NO;
    self.sc.showsVerticalScrollIndicator = NO;
    
    // Do any additional setup after loading the view, typically from a nib.
    CGFloat width = self.sc.frame.size.width;
    CGFloat height = self.sc.frame.size.height;
    
    // 1.初始化子控件, 添加图片
    for (int i = 0; i < IMAGE_COUNT; i++) {
        // 1.创建UIImageView
        UIImageView *iv = [[UIImageView alloc] init];
        // 2.创建图片
        UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"img_%02i", i + 1]];
        // 3.设置每个UIImageView的frame
        iv.frame = CGRectMake(i * width, 0, width, height); // 按照宽度分页
        iv.image = image;
        // 4.添加到父控件
 [self.sc addSubview:iv];
 }
    
    // 2.设置滚动范围
    self.sc.contentSize = CGSizeMake(IMAGE_COUNT * width, height);
    self.sc.bounces = NO;
    self.sc.pagingEnabled = YES;

    // 3.监听PageControl的点击事件
 [self.pageControl addTarget:self action:@selector(pageControlClick:) forControlEvents:UIControlEventValueChanged];
    self.pageControl.numberOfPages = IMAGE_COUNT;

    // 4.通过KVC给UIPageControl的私有属性赋值, 设置自定义图片
    [self.pageControl setValue:[UIImage imageNamed:@"current"] forKeyPath:@"_currentPageImage"];
    [self.pageControl setValue:[UIImage imageNamed:@"other"] forKeyPath:@"_pageImage"];
    
    // 5.让UIScrollView每隔一段事件就切换一页
    /*
 scheduledTimerWithTimeInterval: 创建一个定时器, 并且立即可是计时
 TimeInterval: 间隔时间
 target: 调用谁的方法
 selector: 调用什么方法
 userInfo: 需要传递什么参数
 repeats: 是否重复
 每隔2.0秒调用一次self的nextPage方法, 并且不传递任何参数
     */
    // 如果给userInfo赋值, 那么定时器调用的方法就必须接受参数, 并且接受的参数就是NSTimer
    // 只要调用scheduled方法创建一个NSTimer对象, 系统就会自动将NSTimer添加到主线程中
    
// self.timer = [NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector:@selector(nextPage:) userInfo:@"lnj" repeats:YES];
 [self startTimer];
    
}

// 切换到下一页
- (void)nextPage:(NSTimer *)timer
{
// NSLog(@"%@", timer.userInfo);
    
    // 1.获取下一页的页码
    NSUInteger page = self.pageControl.currentPage + 1;
    // 2.判断页码是否越界
    if (page >= IMAGE_COUNT) {
        // 如果越界就回到第0页
        self.pageControl.currentPage = 0;
    }else
 {
        // 如果没有越界, 就进入到下一页
        self.pageControl.currentPage = page;
 }
    
 [self pageControlClick:self.pageControl];
}

#pragma mark - UIScrollViewDelegate
// 只要滚动就会调用
- (void)scrollViewDidScroll:(nonnull UIScrollView *)scrollView
{
    // 1.计算页码
    // 当前页码 = 偏移位 / UIScrollView的宽度
    CGFloat page = scrollView.contentOffset.x / scrollView.frame.size.width;
    int currnetPage = page + 0.5;
    
    // 2.修改页码
    self.pageControl.currentPage = currnetPage;
}

// 开始拖拽
- (void)scrollViewWillBeginDragging:(nonnull UIScrollView *)scrollView
{
// NSLog(@"%s", __func__);
 [self stopTimer];
}

// 结束拖拽
- (void)scrollViewDidEndDragging:(nonnull UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
// NSLog(@"%s", __func__);
 [self startTimer];
    
}

#pragma mark - 定时器相关
- (void)startTimer
{
    // 打开定时器
    self.timer = [NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector:@selector(nextPage:) userInfo:@"lnj" repeats:YES];
    
    // 主线程在处理其它事件的时候, 分一点时间来处理NSTimer
    // 1.0 0.1
 [[NSRunLoop mainRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes];
}

- (void)stopTimer
{
    // 关掉定时器
#warning 注意:NSTimer是一次性的, 只要invalidate之后就不能使用了
    // 只要调用invalidate方法, 系统就会将NSTimer从主线程移除, 并且销毁NSTimer对象
    NSLog(@"销毁前: %@", self.timer);
 [self.timer invalidate];
    NSLog(@"销毁后: %@", self.timer);
}

#pragma mark - 内部监听
- (IBAction)pageControlClick:(UIPageControl *)sender {

    self.sc.contentOffset = CGPointMake(sender.currentPage * self.sc.frame.size.width , 0);
}
@end

写了半天，来预览一下华丽的图片轮播器

 

下一讲，将讲解，如何封装图片轮播器，下节再见，^_^