仿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 源码请点击这里