纯代码实现自定义tableViewCell的步骤

  • 以创建一个显示一张照片的cell为例,效果如下:


    纯代码实现自定义tableViewCell的步骤_第1张图片
    屏幕快照 2016-10-17 下午12.25.24.png
  • 第一步:创建一个类继承自UITableViewCell,把要显示的控件添加为这个类的成员属性

#import 
@interface LCHShopRecommendCell : UITableViewCell
//cell要显示的图片
@property(nonatomic,strong)UIImageView *shopV;
//创建cell的方法
+ (instancetype)cellWithTableView:(UITableView *)tableView;
@end
  • 第二步:实现cellWithTableView(这一步主要是为简化创建cell的方法,可写可不写,不写的话创建cell的方式会有所不同)
+(instancetype)cellWithTableView:(UITableView *)tableView
{
    static NSString *identifier = @"cell";
    //从缓存池中找
    LCHShopRecommendCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
    //设置背景色
    [cell setBackgroundColor:[UIColor clearColor]];
    
    if (cell == nil) {
        cell = [[LCHShopRecommendCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier]; 
    }
    
    return cell;
}
  • 第三步:重写initWithStyle:在初始化对象的时候会调用,一般在这个方法中添加要显示的子控件
/**
 *  构造方法(在初始化对象的时候会调用)
 * 一般在这个方法中添加要显示的子控件
 */
-(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    
    if (self) {
        //让自定义cell和系统的cell一样,一创建出来就有一些子控件给我们使用
        //创建商品推荐图
        self.shopV = [UIImageView new];
        [self.contentView addSubview:_shopV];
    }
    return self;
}
  • 第四步:重写layoutSubviews:一般在这个方法设置cell里边控件的frame
/**
 *  设置子控件的frame
 */
-(void)layoutSubviews
{
//    self.shopV.frame = CGRectMake(10, 5, self.frame.size.width-20, self.frame.size.height-20);

//用masonary框架布局控件
    [self.shopV mas_makeConstraints:^(MASConstraintMaker *make) {
      
        make.top.mas_equalTo(7);
        make.left.mas_equalTo(7);
        make.right.mas_equalTo(-7);
        make.bottom.mas_equalTo(0);   
    }];
}
  • 到了第四步,纯代码自定义cell的工作就完成了,且记使用的时候的是要先在控制器注册cell
  //viewDidLoad中注册cell
 [self.lchHomev.recommendTableV registerClass:[LCHShopRecommendCell class]forCellReuseIdentifier:@"cell"];

//创建cell
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    //有实现cellWithTableView:方法,创建cell可以一句代码搞定
    LCHShopRecommendCell *cell = [LCHShopRecommendCell cellWithTableView:tableView];
  //设置图片
        LCHRecommendShopModel *model = _recommendPics[indexPath.row];
        [cell.shopV sd_setImageWithURL:[NSURL URLWithString:model.recommenImage]];

    }

    return cell;

}

你可能感兴趣的:(纯代码实现自定义tableViewCell的步骤)