14、无限轮播图

1.SDWebImage提供一个UIImageView的类别以支持加载来自网络的远程图片。具有缓存管理、异步下载、同一个URL下载次数控制和优化等特征

2.目前来说,主要用到了"UIImageView+WebCache.h",给出一个代码示例: 它是UIImageView的一个类目,在要使用它的类中加入#import"UIImageView+WebCache.h"调用 setImageWithURL:placeholderImage:方法。从异步下载到缓存管理，一切都会为你处理。
封装类的.m中

#import "TimerScroller.h"
#import "UIImageView+WebCache.h"
//判断外部传递进来的图片类型
typedef enum:NSUInteger{
    
    ImageNamed=100,
    ImageURL,
    Image,
    
} SourceType;
@interface TimerScroller ()<UIScrollViewDelegate>

@property(nonatomic,retain)UIScrollView* myScrollerView;
@property(nonatomic,retain)UIImageView* leftImg;
@property(nonatomic,retain)UIImageView* centerImg;
@property(nonatomic,retain)UIImageView* rightImg;
@property(nonatomic,assign)int currentIndex;//记录当前显示的图片在数组中的位置
@property(nonatomic,retain)UIPageControl* myPageControl;
@property(nonatomic,retain)NSTimer* myTimer;

@property(nonatomic,assign)SourceType imageType;//图片类型



@end

@implementation TimerScroller

-(NSTimer*)myTimer{
    if (!_myTimer) {
        _myTimer=[NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector:@selector(changeTimer) userInfo:nil repeats:YES];
        [_myTimer setFireDate:[NSDate distantFuture]];
    }
    return _myTimer;
}

//定时器的回调方法
-(void)changeTimer{
   //先改变偏移量  向右滚
    [self.myScrollerView setContentOffset:CGPointMake(CGRectGetWidth(self.bounds)*2, 0) animated:YES];
    //当前图片+1
    self.currentIndex++;
    //当currentIndex大于数组中的元素个数时，应该让显示第0张
    if (self.currentIndex>=self.allImgsMArray.count) {
        self.currentIndex=0;
    }
    self.myPageControl.currentPage=self.currentIndex;
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        
         [self changeImageWithCurrentIndex:self.currentIndex];
    });
    
   
}

-(UIPageControl*)myPageControl{
    if (!_myPageControl) {
        UIView* bgView=[[UIView alloc] initWithFrame:CGRectMake(0, CGRectGetHeight(self.bounds)-30, CGRectGetWidth(self.bounds), 30)];
        _myPageControl=[[UIPageControl alloc] initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.bounds), 30)];
        //设置视图的透明度，不会影响上面子视图的透明度
        bgView.backgroundColor=[[UIColor blackColor] colorWithAlphaComponent:0.5];
//        [_myPageControl addTarget:self action:@selector(pageAction:) forControlEvents:(UIControlEventValueChanged)];
        [bgView addSubview:_myPageControl];
        [self addSubview:bgView];
        
    }
    return _myPageControl;
}

//点击图片的回调方法
-(void)selectImg{
//    NSLog(@"%d",self.currentIndex);
    if (self.passBlock) {
        self.passBlock(self.currentIndex);
    }
}


-(UIScrollView*)myScrollerView{
    if (!_myScrollerView) {
        _myScrollerView=[[UIScrollView alloc] initWithFrame:self.bounds];
        _myScrollerView.pagingEnabled=YES;
        _myScrollerView.contentSize=CGSizeMake(CGRectGetWidth(self.bounds)*3, CGRectGetHeight(self.bounds));
        _myScrollerView.directionalLockEnabled=NO;
        //将显示的视图永远是第一屏  (0,1,2)
        _myScrollerView.contentOffset=CGPointMake(CGRectGetWidth(self.bounds), 0);
        _myScrollerView.delegate=self;
        //添加手势
        UITapGestureRecognizer* tap=[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(selectImg)];
        [_myScrollerView addGestureRecognizer:tap];
        [self addSubview:_myScrollerView];
    }
    return _myScrollerView;
}


-(UIImageView*)leftImg{
    if (!_leftImg) {
        _leftImg=[[UIImageView alloc] initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds))];
        [self.myScrollerView addSubview:_leftImg];
        _leftImg.contentMode=UIViewContentModeScaleAspectFit;
    }
    return _leftImg;
}

-(UIImageView*)centerImg{
    if (!_centerImg) {
        _centerImg=[[UIImageView alloc] initWithFrame:CGRectMake(CGRectGetWidth(self.bounds), 0, CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds))];
        [self.myScrollerView addSubview:_centerImg];
         _centerImg.contentMode=UIViewContentModeScaleAspectFit;
        
    }
    return _centerImg;
}

-(UIImageView*)rightImg{
    if (!_rightImg) {
        _rightImg=[[UIImageView alloc] initWithFrame:CGRectMake(CGRectGetWidth(self.bounds)*2, 0,CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds))];
        [self.myScrollerView addSubview:_rightImg];
         _rightImg.contentMode=UIViewContentModeScaleAspectFit;
    }
    return _rightImg;
}



-(instancetype)initWithFrame:(CGRect)frame{
    
    self=[super initWithFrame:frame];
    if (self) {
        //为三张图片赋值占位图片
        self.leftImg.image=[UIImage imageNamed:@"01.jpg"];
         self.centerImg.image=[UIImage imageNamed:@"02.jpg"];
         self.rightImg.image=[UIImage imageNamed:@"03.jpeg"];
        
    }
    
    return self;
}


//重写数组的setter方法，当执行setter方法的时候，说明外部给数据了
-(void)setAllImgsMArray:(NSMutableArray *)allImgsMArray{
    
    if (allImgsMArray&&allImgsMArray.count) {
        //判断数据源的类型
        id source=allImgsMArray.firstObject;
        if ([source isKindOfClass:[UIImage class]]) {
            //说明数组元素是图片类型，调用对应的初始化方法
            self.imageType=Image;
            [self sourceIsUIImageWithArray:allImgsMArray];
        }else{
            //说明为字符串
            if ([source hasPrefix:@"http"]) {
                self.imageType=ImageURL;
                [self sourceIsImageURLWithArray:allImgsMArray];
            }else{
                self.imageType=ImageNamed;
                [self sourceIsImageNamedWithArray:allImgsMArray];
            }
        }

    }else{
        NSLog(@"数据源不能为空");
        return;
    }
    
    //当我们确定了数据的个数的时候，才可以确定小白点的个数
     self.myPageControl.numberOfPages=allImgsMArray.count;
    
    _allImgsMArray=allImgsMArray;
   
}

//当数据源为图片名称的时候
-(void)sourceIsImageNamedWithArray:(NSArray*)sourceArray{
    
    if (sourceArray.count==1) {
        //只有一张图片的时候，不能让scrollerView滚动
        self.centerImg.image=[UIImage imageNamed:sourceArray.lastObject];
        self.myScrollerView.pagingEnabled=NO;
        
    }else if (sourceArray.count>=2){
        
        //取出最后一个元素赋值给最左边的
        NSString* last=sourceArray.lastObject;
        self.leftImg.image=[UIImage imageNamed:last];
        
        NSString* first=sourceArray[0];
        self.centerImg.image=[UIImage imageNamed:first];
        self.currentIndex=0;
        NSString* next=sourceArray[1];
        self.rightImg.image=[UIImage imageNamed:next];
        [self.myTimer setFireDate:[NSDate distantPast]];
        
    }
}

//当数据源为图片的URL的时候
-(void)sourceIsImageURLWithArray:(NSArray*)sourceArray{
    
    if (sourceArray.count==1) {
        //只有一张图片的时候，不能让scrollerView滚动
        [self.centerImg sd_setImageWithURL:[NSURL URLWithString:sourceArray.lastObject] placeholderImage:[UIImage imageNamed:@"01.jpg"]];
        self.myScrollerView.pagingEnabled=NO;
        
    }else if (sourceArray.count>=2){
        
        //取出最后一个元素赋值给最左边的
         NSString* last=sourceArray.lastObject;
        [self.leftImg sd_setImageWithURL:[NSURL URLWithString:last] placeholderImage:[UIImage imageNamed:@"02.jpg"]];
        
        NSString* first=sourceArray[0];
         [self.centerImg sd_setImageWithURL:[NSURL URLWithString:first] placeholderImage:[UIImage imageNamed:@"03.jpeg"]];
        self.currentIndex=0;
        
         NSString* next=sourceArray[1];
        [self.rightImg sd_setImageWithURL:[NSURL URLWithString:next] placeholderImage:[UIImage imageNamed:@"03.jpeg"]];
        [self.myTimer setFireDate:[NSDate distantPast]];
        
    }
    
    
    
}

//当数据源为UIImage的时候
-(void)sourceIsUIImageWithArray:(NSArray*)sourceArray{
    
    if (sourceArray.count==1) {
        //只有一张图片的时候，不能让scrollerView滚动
        self.centerImg.image=sourceArray.lastObject;
        self.myScrollerView.pagingEnabled=NO;
    }else if (sourceArray.count>=2){
        //取出最后一个元素赋值给最左边的
        self.leftImg.image=sourceArray.lastObject;
        self.centerImg.image=sourceArray[0];
        self.currentIndex=0;
        self.rightImg.image=sourceArray[1];
        [self.myTimer setFireDate:[NSDate distantPast]];
        
    }

    
}


//停止减速的时候，画面静止会执行的代理方法


-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
   

    //先判断滑动方向
    if (scrollView.contentOffset.x>=CGRectGetWidth(self.bounds)*2) {
        //向右滑动，应该在当前显示的基础上+1
        self.currentIndex++;
    }else if (scrollView.contentOffset.x<=0){
          //向左滑动，应该在当前显示的基础上-1
        self.currentIndex--;
    }
    
    //说明当前显示的为最后一张，在+1就应该显示第0张
    if (self.currentIndex==self.allImgsMArray.count) {
        self.currentIndex=0;
    }
    //说明当前显示的为第0张，在-1，就应该显示最后一张
    if (self.currentIndex<=-1) {
        self.currentIndex=(int)self.allImgsMArray.count-1;
    }
    //当前显示第几张图片，小白点就处于对应的位置
    self.myPageControl.currentPage=self.currentIndex;
    
    //先将显示的图片进行更改
    //将scrollerView的偏移量进行修改
    
    [self changeImageWithCurrentIndex:self.currentIndex];
    //当画面静止几秒
    [self.myTimer setFireDate:[NSDate dateWithTimeIntervalSinceNow:5]];
}


//当用手拖拽的时候会执行的代理方法,（NSTimer不会执行该代理方法）
-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
    
    
    //将定时器停止
    [self.myTimer setFireDate:[NSDate distantFuture]];
    
    
    
}

//当滚动视图的时候，切换图片调用的方法.整个无限轮播图的算法核心
-(void)changeImageWithCurrentIndex:(int)index{
 
    switch (self.imageType) {
        case ImageNamed:
            [self changeIamgeNamedWithCurrentIndex:index];
            break;
            
        case Image:
            [self changeImageWithCurrentIndex:index];
            break;
            
        case ImageURL:
            [self changeURLWithCurrentIndex:index];
            break;
            
        default:
            break;
    }
    
}



-(void)changeIamgeNamedWithCurrentIndex:(int)index{
    //中间位置需要显示的图片名称
        NSString* center=self.allImgsMArray[index];
        self.centerImg.image=[UIImage imageNamed:center];
         NSString* left;
        NSString* right;
        if (index==0) {
            left=self.allImgsMArray.lastObject;
            right=self.allImgsMArray[index+1];
    
        }else if (index==self.allImgsMArray.count-1) {
            right=self.allImgsMArray.firstObject;
            left=self.allImgsMArray[index-1];
    
        }else{
            left=self.allImgsMArray[index-1];
            right=self.allImgsMArray[index+1];
        }
        self.leftImg.image=[UIImage imageNamed:left];
        self.rightImg.image=[UIImage imageNamed:right];
    
        //将偏移量改回中间位置
        [self.myScrollerView setContentOffset:CGPointMake(CGRectGetWidth(self.bounds), 0) animated:NO];
    
}


-(void)changeURLWithCurrentIndex:(int)index{
    //中间位置需要显示的图片名称
    NSString* center=self.allImgsMArray[index];
    [self.centerImg sd_setImageWithURL:[NSURL URLWithString:center] placeholderImage:[UIImage imageNamed:@"01.jpg"]];
    NSString* left;
    NSString* right;
    if (index==0) {
        left=self.allImgsMArray.lastObject;
        right=self.allImgsMArray[index+1];
        
    }else if (index==self.allImgsMArray.count-1) {
        right=self.allImgsMArray.firstObject;
        left=self.allImgsMArray[index-1];
        
    }else{
        left=self.allImgsMArray[index-1];
        right=self.allImgsMArray[index+1];
    }
    [self.leftImg sd_setImageWithURL:[NSURL URLWithString:left] placeholderImage:[UIImage imageNamed:@"01.jpg"]];
    [self.rightImg sd_setImageWithURL:[NSURL URLWithString:right] placeholderImage:[UIImage imageNamed:@"01.jpg"]];
    
    //将偏移量改回中间位置
    [self.myScrollerView setContentOffset:CGPointMake(CGRectGetWidth(self.bounds), 0) animated:NO];
    
    
    
}


-(void)changeUIImageWithCurrentIndex:(int)index{
    //中间位置需要显示的图片名称
//    NSString* center=self.allImgsMArray[index];
    self.centerImg.image=self.allImgsMArray[index];
    UIImage* left;
    UIImage* right;
    if (index==0) {
        left=self.allImgsMArray.lastObject;
        right=self.allImgsMArray[index+1];
        
    }else if (index==self.allImgsMArray.count-1) {
        right=self.allImgsMArray.firstObject;
        left=self.allImgsMArray[index-1];
        
    }else{
        left=self.allImgsMArray[index-1];
        right=self.allImgsMArray[index+1];
    }
    self.leftImg.image=left;
    self.rightImg.image=right;
    
    //将偏移量改回中间位置
    [self.myScrollerView setContentOffset:CGPointMake(CGRectGetWidth(self.bounds), 0) animated:NO];
    
    
    
}

@end

.h中

#import <UIKit/UIKit.h>

typedef void (^PassBlock)(int currentIndex);

@interface TimerScroller : UIView

@property(nonatomic,retain)NSMutableArray* allImgsMArray;//图片的集合
@property(nonatomic,copy)PassBlock passBlock;//当前位置

@end

运行结果如下

屏幕快照 2017-01-20 上午11.28.52.png

最后编辑于：2017.12.05 07:10:00

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 194,242评论 5赞 459
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 81,769评论 2赞 371
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 141,484评论 0赞 319
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 52,133评论 1赞 263
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 61,007评论 4赞 355
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 46,080评论 1赞 272
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 36,496评论 3赞 381
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 35,190评论 0赞 253
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 39,464评论 1赞 290
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 34,549评论 2赞 309
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 36,330评论 1赞 326
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 32,205评论 3赞 312
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 37,567评论 3赞 298
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 28,889评论 0赞 17
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 30,160评论 1赞 250
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 41,475评论 2赞 341
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 40,650评论 2赞 335

14、无限轮播图

推荐阅读更多精彩内容