5、头部轮播图封装

现在主流APP首页头部都会应用轮播图,将这个封装成一个类,这样只需要一行代码就可以创建一个轮播图了,😄,方便自己以后的使用;
Demo地址:https://github.com/hongbaoshi/LZWHeaderScrollView.git

创建引入:

{
    NSArray *imgArr = @[@"4.jpg",@"5.jpg",@"6.jpg",@"7.jpg"];
    LZWHeaderScrollView *headerScrollView = [[LZWHeaderScrollView alloc] initWithFrame:CGRectMake(30, 200, SCW-60, 200) andWithImgArray:imgArr andWithScrTime:5.0 andWithStartTag:100];
    headerScrollView.block = ^(NSInteger tag){
        NSLog(@"%ld",tag);
    };
    [self.view addSubview:headerScrollView];

具体实现方法:

#import <UIKit/UIKit.h>
typedef void(^LZWHeaderBackBlock)(NSInteger tag);
@interface LZWHeaderScrollView : UIView

@property(nonatomic,copy)LZWHeaderBackBlock block;

-(id)initWithFrame:(CGRect)frame andWithImgArray:(NSArray *)imgArray andWithScrTime:(NSTimeInterval)interval andWithStartTag:(NSInteger)startTag;
@end
创建方法:
#import "LZWHeaderScrollView.h"
@interface LZWHeaderScrollView()<UIScrollViewDelegate>
//传入的属性保存
@property(nonatomic,assign)float scrWidth;
@property(nonatomic,assign)float scrHeight;
@property(nonatomic,strong)NSArray *imgArr;
@property(nonatomic,assign)NSInteger startTag;
@property(nonatomic,assign)NSTimeInterval interval;

//界面属性
@property(nonatomic,strong)UIScrollView *LZWScrollView;
@property(nonatomic,strong)UIPageControl *pageControl;
@property(nonatomic,assign)int LZWTimerNumber;
//注意**这里不需要✳️号 可以理解为dispatch_time_t 已经包含了
@property (nonatomic, strong)dispatch_source_t time;

@end


@implementation LZWHeaderScrollView


- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        
    }
    return self;
}


-(id)initWithFrame:(CGRect)frame andWithImgArray:(NSArray *)imgArray andWithScrTime:(NSTimeInterval)interval andWithStartTag:(NSInteger)startTag;
{
    if (self = [super initWithFrame:frame]) {
        _scrWidth = frame.size.width;
        _scrHeight = frame.size.height;
        _imgArr = imgArray;
        _startTag = startTag;
        _interval = interval;
        //创建滚动视图的界面
        [self creatUI];

        
    }
    return self;
}



-(void)creatUI
{
    NSMutableArray *imgArray = [_imgArr mutableCopy];
    [imgArray insertObject:[imgArray lastObject] atIndex:0];
    
    _LZWScrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, _scrWidth, _scrHeight)];
    _LZWScrollView.showsHorizontalScrollIndicator = NO;
    _LZWScrollView.showsVerticalScrollIndicator = NO;
    _LZWScrollView.contentSize = CGSizeMake(_scrWidth*imgArray.count, _scrHeight);
    _LZWScrollView.pagingEnabled = YES;
    _LZWScrollView.bounces = YES;
    _LZWScrollView.delegate = self;
    _LZWScrollView.contentOffset = CGPointMake(_scrWidth, 0);
    [self addSubview:_LZWScrollView];
    
    for (int i =0; i<imgArray.count; i++)
    {
        UIImageView *imgView = [[UIImageView alloc] initWithFrame:CGRectMake(_scrWidth*i, 0, _scrWidth, _scrHeight)];
        imgView.userInteractionEnabled = YES;
        imgView.tag = _startTag +i -1;
        imgView.image = [UIImage imageNamed:imgArray[i]];
        
        //创建图片单击手势
        UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(imgViewBtn:)];
        tap.numberOfTapsRequired =1;
        [imgView addGestureRecognizer:tap];
        
        [_LZWScrollView addSubview:imgView];
    }
    
    
    _pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(100, _scrHeight-10, _scrWidth-200, 6)];
    [self addSubview:_pageControl];
    _pageControl.numberOfPages = _imgArr.count;
    _pageControl.currentPage = 0;
    _pageControl.currentPageIndicatorTintColor = [UIColor redColor];
    _pageControl.pageIndicatorTintColor = [UIColor whiteColor];
    
    //用gcd创建计时器
    [self creatTimerByGcd];
}


-(void)imgViewBtn:(UITapGestureRecognizer *)tap
{
    self.block(tap.view.tag);
}

-(void)creatTimerByGcd
{
    __weak LZWHeaderScrollView *weakself = self;
    _LZWTimerNumber = 0;
    //获得队列
    dispatch_queue_t queue = dispatch_get_global_queue(0, 0);
    //创建一个定时器
    self.time = dispatch_source_create(DISPATCH_SOURCE_TYPE_TIMER, 0, 0, queue);
    //设置开始时间
    dispatch_time_t start = dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0 * NSEC_PER_SEC));
    //设置时间间隔
    uint64_t interval = (uint64_t)(_interval* NSEC_PER_SEC);
    //设置定时器
    dispatch_source_set_timer(self.time, start, interval, 0);
    //设置回调
    dispatch_source_set_event_handler(self.time, ^{
        
        //回到主线程,执行定时任务
        dispatch_async(dispatch_get_main_queue(), ^{
            [weakself scrollHeaderImage];
        });
        //设置当执行五次是取消定时器
        
        //        if(count == 5){
        //
        //            dispatch_cancel(self.time);
        //
        //        }
    });
    //由于定时器默认是暂停的所以我们启动一下
    //启动定时器
    dispatch_resume(self.time);
}

-(void)scrollHeaderImage
{
    _LZWTimerNumber++;
    if (_LZWTimerNumber == _imgArr.count+1) {
        _LZWTimerNumber = 1;
    }
    
    _LZWScrollView.contentOffset = CGPointMake(_LZWTimerNumber*_scrWidth, 0);
    _pageControl.currentPage = _LZWTimerNumber -1;

}



#pragma mark ----UIScrollViewDelegate
-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    if (scrollView.contentOffset.x<0) {
        scrollView.contentOffset = CGPointMake(_scrWidth*_imgArr.count, 0);
    }
    if (scrollView.contentOffset.x>_scrWidth*_imgArr.count) {
        scrollView.contentOffset = CGPointMake(0, 0);
    }
}

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    int currentPage = scrollView.bounds.origin.x/_scrWidth - 1;
    _pageControl.currentPage = currentPage;
    _LZWTimerNumber = currentPage + 1;
}



@end
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,053评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,527评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,779评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,685评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,699评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,609评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,989评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,654评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,890评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,634评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,716评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,394评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,976评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,950评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,191评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,849评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,458评论 2 342

推荐阅读更多精彩内容