仿UITableView制作广告轮播器

最近在做一个项目需要用到一个滚动评论,当然前面的项目中也有许多地方用到了这一控件,虽然网络上关于这种控件的封装思想大致也就那么几种,具体哪几种大家可以去搜索一下,但是对于这种控件的使用,每次使用总是需要重新更改里面的代码,虽说不是一个大的控件,但是,更改起来却也是很烦人,所以自己就依据系统的UITableView的使用方法封装了该控件.废话不多说,程序员看的是实现效果以及代码思想,希望能帮助到需要的朋友.

效果图如下###

2.gif

使用方法如下###

  • 首先引入头文件
    <pre><code>#import "GGCMTView.h"</code></pre>

  • 创建对象
    1.创建对象的时候类型有两种一种是:CMTViewHorizontalStyle
    另一种是:CMTViewVerticalStyle
    其中CMTViewHorizontalStyle创建的是水平滚动类型的,就是平常缩减的广告轮播图
    而CMTViewVerticalStyle 创建的则是垂直滚动类型,常见的滚动评论
    //创建方法如下
    GGCMTView * cmtView = [[GGCMTView alloc]initWithFrame:CGRectMake(0, 100, self.view.width, 200) andCMTViewStyle:CMTViewHorizontalStyle];
    //GGCMTView * cmtView = [[GGCMTView alloc]initWithFrame:CGRectMake(0, 100, self.view.width, 200) andCMTViewStyle: CMTViewVerticalStyle];

  • 设置对象的属性,数据源,代理,其中属性包括设置滚动间隔,是否允许用户拖动
    //用来设置每一次滚动的间隔时间,默认为0.5秒
    cmtView.timeInterval = 4.0f;
    //用来设置是否允许用户拖动,默认为NO
    cmtView.enableUserScroll = YES;
    //将该view加到控制器中
    [self.view addSubview:cmtView];
    //为cmtView设置数据源
    cmtView.dataSource = self;
    //为cmtView设置代理
    cmtView.delegate = self;

  • GGCMTView的数据源cmtViewDataSource是一个协议包含两个接口方法,都是必须实现的,一个是用来返回滚动的内容总共有多少条,另一个是用来返回滚动的自定义视图,利用系统的UITableViewCell来接收,该创建方法与系统UITableViewCell的创建方法保持一致.

具体代码如下:

@protocol cmtViewDataSource <NSObject>
@required
//返回有多少条
- (NSInteger)numberOfPageInCmtView:(GGCMTView *)cmtView;
//返回每一个滚动的自定义视图,直接返回自定义的UITableViewCell
- (__kindof UITableViewCell *)cmtView:(GGCMTView *)cmtView cellForIndex:(NSInteger)index;
@end
  • GGCMTView的代理方法cmtViewDelegate只定义了一个可选实现的接口,该接口用来告诉代理点击了某一个Cell,返回点击cell的index

具体代码如下:

@protocol cmtViewDelegate <NSObject>
@optional
//用来告诉点击了某个index的cell
- (void)cmtView:(GGCMTView *)cmtView didSelectIndex:(NSInteger)index;
@end
  • GGCMTView暴露出来的对象方法有八个,有五个是关于生命周期的方法,具体每个方法的作用见下面的代码注释

用来创建cmtView CMTViewStyle在创建的时候给定,在此类的属性中包含字段cmtViewStyle 但其仅是可读的,仅用来读取其类型
- (instancetype)initWithFrame:(CGRect)frame andCMTViewStyle:(CMTViewStyle)cmtViewStyle;
此方法用来从缓冲池中取得cell,如果没有,则需要手动创建cell,用法与系统的UITableView保持一致
- (__kindof UITableViewCell *)dequeueReusableCMTViewCellWithIdentifier:(NSString *)identifier;
如果UITableViewCell 有使用xib,则可以使用此方法来进行注册nib,用法与UITableView 保持一致
- (void)registerNib:(UINib *)nib forCMTViewCellReuseIdentifier:(NSString *)identifier;

此方法用来准备开始动画
- (void)prepareScroll;
此方法用来开始动画
- (void)startScroll;
此方法用来停止动画
- (void)stopScroll;
此方法用来暂停动画
- (void)pauseScroll;
此方法用来继续动画
- (void)continueScroll;

由于该类使用的定时器是NSTimer ,所以要求使用者,在controller中视图将要消失的时候调用暂停或者停止方法,而在视图将要出现的时候根据需要,用来开始,或者继续动画,首次开始滚动之前需要调用prepareScroll方法,初始化一下数据,若是想使数据重新从第0页开始,也可以手动调用此方法

具体的使用Demo见下方源码


#import "ViewController.h"
#import "GGCMTView.h"
#import "CustomTableViewCell.h"
#import "UIView+Frame.h"

static NSString * reuseIdentifier = @"cell";
@interface ViewController ()<cmtViewDelegate,cmtViewDataSource>

@property(nonatomic,strong)NSArray * dataArr1;
@property(nonatomic,strong)NSArray * dataArr2;
@property(nonatomic,strong)GGCMTView * cmtView1;
@property(nonatomic,strong)GGCMTView * cmtView2;

@end

@implementation ViewController

- (void)viewWillDisappear:(BOOL)animated
{
    [super viewWillDisappear:animated];
    [self.cmtView1 pauseScroll];
    [self.cmtView2 pauseScroll];
    
}

- (NSArray *)dataArr1{
    if (!_dataArr1) {
        _dataArr1 = @[@"1.jpg",@"2.jpg",@"3.jpg",@"4.jpg",@"5.jpg",@"6.jpg",@"7.jpg"];
    }
    return _dataArr1;
}
- (NSArray *)dataArr2{
    if (!_dataArr2) {
        _dataArr2 = @[@"7.jpg",@"6.jpg",@"5.jpg",@"4.jpg",@"3.jpg",@"2.jpg",@"1.jpg"];
    }
    return _dataArr2;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor grayColor];
    [self testCMTView];
    [self testCMTView2];
    
}


- (void)testCMTView{
    GGCMTView * cmtView = [[GGCMTView alloc]initWithFrame:CGRectMake(0, 100, self.view.width, 200) andCMTViewStyle:CMTViewHorizontalStyle];
    cmtView.timeInterval = 4.0f;
    cmtView.enableUserScroll = YES;
    [self.view addSubview:cmtView];
    cmtView.dataSource = self;
    cmtView.delegate = self;
    self.cmtView1 = cmtView;
    
    [cmtView prepareScroll];
    [cmtView startScroll];
}

- (void)testCMTView2{
    GGCMTView * cmtView = [[GGCMTView alloc]initWithFrame:CGRectMake(0, 330, self.view.width, 200) andCMTViewStyle:CMTViewVerticalStyle];
    cmtView.timeInterval = 4.0f;
    cmtView.enableUserScroll = YES;
    [self.view addSubview:cmtView];
    cmtView.dataSource = self;
    cmtView.delegate = self;
    self.cmtView2 = cmtView;
    [cmtView prepareScroll];
    [cmtView startScroll];
}

- (UITableViewCell *)cmtView:(GGCMTView *)cmtView cellForIndex:(NSInteger)index{
    
    CustomTableViewCell * cell = [CustomTableViewCell customTableViewCellWithTableView:cmtView];
    if (cmtView == self.cmtView1) {
        cell.image.image = [UIImage imageNamed:self.dataArr1[index]];
        cell.cust.text = self.dataArr1[index];
    }else{
        cell.image.image = [UIImage imageNamed:self.dataArr2[index]];
        cell.cust.text = self.dataArr2[index];
    }
    return cell;
}

- (void)cmtView:(GGCMTView *)cmtView didSelectIndex:(NSInteger)index{
    if (cmtView == self.cmtView1) {
        NSLog(@"第%ld张   =====   名字是 %@",(long)index,self.dataArr1[index]);
    }else{
        NSLog(@"第%ld张   =====   名字是 %@",(long)index,self.dataArr2[index]);
    }
    
}

- (NSInteger)numberOfPageInCmtView:(GGCMTView *)cmtView{
    
    if (cmtView == self.cmtView1) {
        return self.dataArr1.count;
    }
    return self.dataArr2.count;
}


@end


总结:作为一个程序员,如果想提升自己,我个人觉得思想最为重要,一个好的解决方案,快速的建模反应,快速的接收速度以及学习能力,是一个好的程序员的必备素质,在我们自己尝试着学习思想之前,那就先模仿系统的吧,学习成本低而且思想也比较成熟了,对吧,希望大家一起努力,另外在源码中,对tableViewCell的复用我这儿处理的不是很好,希望有高人可以指点一二,大家共同进步,谢谢!

Github 源码请点击这里

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

推荐阅读更多精彩内容