IOS开发UI篇之自动滚动图片

我们在做项目是有时候会遇到设置自动滚动图片，所以我自己也遇到过两次。觉得他是一个挺有意思东西，所以做了下总结

DEMO:

#import <UIKit/UIKit.h>

@interface ImagePlayView : UIView<UIScrollViewDelegate>

@property (nonatomic, strong) UIScrollView * scroll;

@property (nonatomic, strong) UIPageControl * play;

@property (nonatomic, strong) NSTimer * timer;

@end

#import "ImagePlayView.h"

@implementation ImagePlayView

- (id) initWithFrame:(CGRect)frame

{

    if (self = [super initWithFrame:frame])

    {

        //创建一个UIscrollView组件，作为滚动组件的头视图

        CGRect headScroll = CGRectMake(, , self.frame.size.width, self.frame.size.height);

        _scroll = [[UIScrollView alloc] initWithFrame:headScroll];

        //取消水平滚动条

        _scroll.showsHorizontalScrollIndicator = NO;

        //取消弹性设置

        _scroll.bounces = NO;

        //设置分页

        _scroll.pagingEnabled = YES;

        [self addSubview: _scroll];

        for (int i = ; i <  ; i ++)

        {

            UIImageView * imageV = [[UIImageView alloc] initWithFrame:CGRectMake(i * self.frame.size.width, , self.frame.size.width, self.frame.size.height)];

            imageV.image = [UIImage imageNamed:[NSString stringWithFormat:@"banner-%d",i + ]];

            [_scroll addSubview: imageV];

        }

        _scroll.contentSize = CGSizeMake( * self.frame.size.width, );

        _scroll.delegate = self;

        //设置分页指示器

        _play = [[UIPageControl alloc] initWithFrame:CGRectMake(, , self.frame.size.width/, )];

        //设置分页器的位置

        _play.center = CGPointMake(self.frame.size.width/, self.frame.size.height/1.2);

        // 设置其它页指示器圆点的颜色

        _play.pageIndicatorTintColor = [UIColor grayColor];

        // 设置当前页指示器圆点的颜色

        _play.currentPageIndicatorTintColor = [UIColor grayColor];

        // 设置分页器的页数

        _play.numberOfPages = ;

        // 设置当前是第几页

        _play.currentPageIndicatorTintColor = ;

        [self addSubview:_play];

        //设置计时器

        _timer = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(time) userInfo:nil repeats:YES];

        // 先获取当前的消息循环，利用消息循环设置计时器对象的优先级和控件的优先级相同

        NSRunLoop *runLoop = [NSRunLoop currentRunLoop];

        [runLoop addTimer:self.timer forMode:NSRunLoopCommonModes];

    }

    return self;

}

-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView

{

    // 解决第一个Bug：按住滚动内容拖拽或不松手，一旦松手就会滚动好多次。解决方法当开始拖动时令计时器失效。当拖动结束后再新建一个计时器

    [self.timer  invalidate];

    // 计时器一旦失效，就不能再使用了。所以赋给它一个空指针

    self.timer = nil;

}

//  在拖动的过程中会执行这个方法

-(void)scrollViewDidScroll:(UIScrollView *)scrollView

{

    //  先获根据内容的偏移位置，获取当前的页数

    int  page =( scrollView.contentOffset.x+scrollView.frame.size.width*0.5)/ scrollView.frame.size.width;

    //  在拖动的过程中把当前的页码告知分页控制器组件

    self.play.currentPage = page;

}

// 在拖动结束后会执行这个方法

-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate

{

    // 当拖动结束后再新建一个计时器, 第一个Bug解除了

    self.timer = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(time) userInfo:nil repeats:YES];

    // 解决第二个BUg：当拖动点击别的控件时。将停止滚动,这是由于单线程执行，而计时器对象和网络对象的优先级小于控件的优先级，所以当拖动控件时，就不会再执行NSTimer计时器对象的操作。解决方法如下：每当新建一个NSTimer计时器，就先获取当前的消息循环，并在消息循环中设置它的优先级和控件的优先级相同，这时程序会分时间片给优先级相同的对象；

    NSRunLoop *runRoop = [NSRunLoop currentRunLoop];  // 获取当前的消息循环

    //  利用消息循环为timer对象设置优先级和控件的优先级相同

    [runRoop addTimer:self.timer forMode:NSRunLoopCommonModes];

}

- (void) time

{

    // 获取当前的页数

    NSInteger page = self.play.currentPage;

    if (page == self.play.numberOfPages-) {

        page = ;

    }else{

        page++;

    }

    // 根据当前的页数计算内容偏移量contentOffset的大小

    // 通过代码设置contentOffset偏移，实现自动滚动

    // 非动画方式

    //self.scrollView.contentOffset = CGPointMake(page*self.scrollView.frame.size.width, 0);

    // 通过动画方式

    [self.scroll setContentOffset:CGPointMake(page*self.scroll.frame.size.width, ) animated:YES];

}

@end