三种cell的自定义的方法

(一)纯代码实现自定义cell

1.主要目的实现在创建cell的时候,只用执行两个步骤

1)类方法创建cell(将复用机制,和自定义cell控件,控件的位置封装到cell的类方法中,这里注意要添加一个参数,就是cell是那个tableView的cell这个参数)

2)向cell传递一个数据模型,既可以实现cell的数据更新(既在cell类模型数据的set方法中,实现cell中数据的更新)

3)如果cell中有点击事件,可以通过代理的方式向主控制器中传递事件

 2.关键代码

#import <UIKit/UIKit.h>
@class IWStatusFrame;
@interface IWStatusCell : UITableViewCell
+ (instancetype)cellWithTableView:(UITableView *)tableView;
@property (nonatomic, strong) StatusFrame *statusFrame;
@end

#import "StatusCell.h"
#import "StatusFrame.h"

@interface IWStatusCell()
/** 头像 */
@property (nonatomic, weak) UIImageView *iconView;
/** 顶部的view */
@property (nonatomic, weak) UILable *textLabel;
@end

@implementation IWStatusCell
//这个类方法主要是对复用机制进行封装
+ (instancetype)cellWithTableView:(UITableView *)tableView
{
    static NSString *ID = @"status";
    IWStatusCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
    if (cell == nil) {
        cell = [[IWStatusCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
    }
    return cell;
}
//重写此方法是对cell内部UI布局进行自定义
- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        // 1.添加原创微博内部的子控件
        [self setupOriginalSubviews]  ;
   }
    return self;
}

/**
 *  添加原创微博内部的子控件(仅仅只是实现控件的初始化以及添加到cell上)
 */
- (void)setupOriginalSubviews
{   
    /** 1.头像*/
    UIImageView *iconView = [[UIImageView alloc] init];
    iconView.image = [UIImage resizedImageWithName:@"timeline_card_top_background"];
    [self.contentView addSubview:topView];
   self.iconView =iconView;
    
    /** 2.文字*/
   UILabel * textLabel =[[UILabel alloc] init];
   textLabel.font =[UIFont systemFont:15.0f];
   [self.contentView addSubview:textLabel];
  self.textLabel = textLabel;
}

//在数据模型的set方法中实现cell的内容的更新和布局
/**
 *  传递模型数据,根据数据信息实现cell的内容的更新以及frame的确定
 */
- (void)setStatusFrame:(IWStatusFrame *)statusFrame
{
    _statusFrame = statusFrame;
    //1.更新数据信息
   _icon.image=[UIIamge imageNamed:statusFrame.image];
   _textLabel .text = statusFrame.text;

   //2.设置控件的frame    
  _icon.image.frame = statusFrame.iconF;
  _textLabel.frame = statusFrame.textLabelF;
}

(二)xib实现自定义cell

1.思路:

1)创建自定义cell时,将xib勾选上,点击create之后,就后创建出cell.h,cell.m,cell.xib三个文件

2)在xib中实现cell的布局以及适配

3)在.h文件中,提供一个创建cell对象的类方法,以及一个设置cell内容的数据模型

@property(nonatomic,strong)GPNews * news;

+(instancetype)cell名WithTableView:(UITableView *)tableView;

4)将xib文件中的控件属性进行连线,这样才能在.m文件中拿到这些属性,进而设置其内容

5)在.m文件中,实现cell的从类方法(从xib文件中注册)以及,数据模型的set方法中实现cell内容的更新

2.关键代码

//由于是表单行所以这里需要用注册方法实例化该类的对象
+(id)largeCellWithTableView:(UITableView *)tableView
{
   
    //1.注册
//    1.1这里获得的是类名；作为重用的标志符和nib方法加载的xib的名字
    NSString * className = NSStringFromClass([self class]);
    UINib * nib = [UINib nibWithNibName:className bundle:nil];
//     1.2这里是使用tableView的对象方法，注册一个带有类名这个标志的cell对象
    [tableView registerNib:nib forCellReuseIdentifier:className];
    //2.返回 cell 对象
    return [tableView dequeueReusableCellWithIdentifier:className]
    
}

- (void)setNews:(GPNews *)news
{
// 1.这句是最简单的news成员变量的set方法赋值
    _news = news;
// 2.重写set方法的其他目的
    //2.1.更新 UI 数据
      // 这句是多态的一种实现，将news下转为其子类对象
    GPLarge * large = (GPLarge *)news;
      //接下来的四句就是对控件中UI数据的更新赋值
    self.titleLabel.text = large.title;
    self.pictureImageView.image = [UIImage imageNamed:large.picture];
    self.sourceLable.text = large.source;
    self.timeLabel.text = large.time;
    
//3.更新一下 Frame 值
#warning numberOfLines = 0 Label 才能够自动进行换行
    self.titleLabel.numberOfLines = 0;
    self.titleLabel.frame = large.titleFrame;
    self.pictureImageView.frame = large.pictureFrame;
    self.sourceLable.frame = large.sourceFrame;
    self.timeLabel.frame = large.timeFrame;
}

(三)storyboard实现自定义cell(动态cell)

1.好处:可以在一个storyboard上的tableViewController存放多种cell,通过cell的identifier来加载不同类型风格的cell

2.实现思路:

1)通过在storyboard上拖拽TableViewController,便可在其上自带的cell进行内容布局

2)另一边,通过创建cell与其关联,补充说明其cell内容的设置,通过传递数据模型,在数据模型的set方法中对cell内容数据进行更新

3)在返回值为tableViewCell的数据源方法中,即可更具指定的cell的identifier来创建相应的cell,其已经有了相应的复用机制了,无需用代码实现

3.关键代码

#import "MJAppCell.h"
#import "MJApp.h"

@interface MJAppCell()
@property (weak, nonatomic) IBOutlet UIImageView *iconView;
@property (weak, nonatomic) IBOutlet UILabel *nameView;
@property (weak, nonatomic) IBOutlet UIButton *downloadView;
@property (weak, nonatomic) IBOutlet UILabel *introView;
- (IBAction)downloadClick:(UIButton *)btn;
@end

@implementation MJAppCell

- (void)setApp:(MJApp *)app
{
    _app = app;
    
    self.iconView.image = [UIImage imageNamed:app.icon];
    self.nameView.text = app.name;
    self.introView.text = [NSString stringWithFormat:@"大小:%@ | 下载量:%@", app.size, app.download];
    
    // 覆盖按钮的状态
    self.downloadView.enabled = (self.app.isDownloaded == NO);
}
/**
 *  点击了下载按钮
 */
- (IBAction)downloadClick:(UIButton *)btn {
    // 1.让按钮失效
    self.app.downloaded = YES;
    btn.enabled = NO;
    
    // 2.通知代理
    if ([self.delegate respondsToSelector:@selector(appCellDidClickedDownloadBtn:)]) {
        [self.delegate appCellDidClickedDownloadBtn:self];
    }
}
@end

ViewController.m
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    MJAppCell *cell = [tableView dequeueReusableCellWithIdentifier:@"app"];
    cell.delegate = self;
    cell.app = self.apps[indexPath.row];
    return cell;
}

(四)storyboard实现自定义cell(静态cell)

1.使用场景:固定不变的一些cell(比如设置界面等等)

2.实现思路:

1)直接使用利用storyboard拖拽一个cell出来,设置tableView的content 为stain cells;

2)设置相关的图片,文字信息,关联视图控制器,就可以实现效果

3.经验:静态单元格,我们可以先搞定一组,再设置组数,(这样每组可以拷贝第一组的设置,节省操作)

 

 

 

和客户