OC开发_代码片段——代码编写自定义的tableViewCell

 一、介绍

      之前已经实现过通过简单的XIB文件来自定义我们的tableViewCell,包括每一步的步骤和代码：http://www.cnblogs.com/daomul/p/4355999.html

      现在我们采取另外一种方式，通过纯编写代码来实现自定义我们的tableview，那么什么时候使用XIB，是这样的，当我们的cell的高度是固定的时候，我们可以采用XIB文件，如果我们的cell高度是不固定的，那么就需要使用代码编写了

二、效果

话不多说，上一个没有放图，这个先看我们大概做出来的效果如下：

三、 实现步骤

四、代码清单

ViewController.m:

//
//  ViewController.m
//  codeDefinedForTableviewcell
//
//  Created by bos on 15-3-22.
//  Copyright (c) 2015年 axiba. All rights reserved.
//

#import "ViewController.h"
#import "weiboCell.h"
#import "Weibo.h"
#import "WeiboFrame.h"

@interface ViewController ()
{
    //全局变量，对应着从文件中取得的数据
    //NSMutableArray *_weibos;
    NSMutableArray *_weiboFrames;
}

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    //从plist文件中加载数据数组
    NSArray *arr = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"data.plist" ofType:nil]];
    
    //遍历添加到我们的微博模型中
    _weiboFrames = [NSMutableArray array];
    for (NSDictionary *dict in arr) {
        WeiboFrame *wframe = [[WeiboFrame alloc]init];
        wframe.weibo  = [Weibo weiboWithDict:dict];
        
        [_weiboFrames addObject:wframe];
    }
    /*_weibos = [NSMutableArray array];
    for (NSDictionary *key in arr) {
        
        //每一个可变数组中存放每条模型(多少条就是对应着多少行 )
        [_weibos addObject:[Weibo weiboWithDict:key]];
    }*/
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return _weiboFrames.count;
}

-(UITableViewCell *) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    //1、去缓存池取出cell
    weiboCell *cell = [tableView dequeueReusableCellWithIdentifier:[weiboCell getID]];
    
    //2、如果不存在缓存，则创建一个
    if (cell ==nil) {
        cell = [[weiboCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:[weiboCell getID]];
    }
    
    //3、传递模型数据(相当于setWeibo，没有传递则)
    //WeiboFrame *wframe = [[WeiboFrame alloc] init];
    //wframe.weibo = _weiboFrames[indexPath.row];
    cell.weiboframe = _weiboFrames[indexPath.row];
    
    return  cell;
}
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    //WeiboFrame *wframe = [[WeiboFrame alloc] init];
    //wframe.weibo = _weibofr[indexPath.row];
    //return wframe.cellHeight;
    
    return [_weiboFrames[indexPath.row] cellHeight];
}

@end

WeiboCell.h

//
//  weiboCell.h
//  codeDefinedForTableviewcell
//
//  Created by bos on 15-3-22.
//  Copyright (c) 2015年 axiba. All rights reserved.
//

#import <UIKit/UIKit.h>
@class WeiboFrame;

@interface weiboCell : UITableViewCell

@property (nonatomic,strong) UILabel *iconlabel;
@property (nonatomic,strong) UILabel *namelabel;
@property (nonatomic ,strong) UILabel *timelabel;
@property (nonatomic,strong) UIImageView *vipImage;
@property (nonatomic,strong) UIImageView *picImage;
@property (nonatomic,strong) UILabel *contentLabel;
@property (nonatomic,strong) UILabel *from;

@property (nonatomic,strong) WeiboFrame *weiboframe;

+(NSString *)getID;
@end

WeiboCell.m

//
//  weiboCell.m 模型显示到我们的cell里面
//  codeDefinedForTableviewcell
//
//  Created by bos on 15-3-22.
//  Copyright (c) 2015年 axiba. All rights reserved.
//

#import "weiboCell.h"
#import "Weibo.h"
#import "WeiboFrame.h"

#define kCellBorder 10
#define kIconWH 40

@interface weiboCell()
{
    UIImageView *_icon;
    UILabel *_name;
    UILabel *_content;
    UIImageView *_vip;
    UIImageView *_pic;
    UILabel *_from;
    UILabel *_time;
}

@end

@implementation weiboCell

-(id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        
        //不清楚高度则先添加基本得内部所有子控件
        [self setData];
    }
    
    return self;
}

#pragma  设置微博数据以及高度frame
-(void)setWeiboframe:(WeiboFrame *)weiboframe
{
    //1.将weibo负值给我们的weibo模型
    _weiboframe = weiboframe;
    
    //2.设置微博数据
    [self settingWeiboData];
    
    //3.设置子控件的frame
    [self settingWeiboFrame];
}
#pragma  设置微博数据
-(void)settingWeiboData
{
    Weibo *weibo = _weiboframe.weibo;
    //赋值
    _icon.image = [UIImage imageNamed:weibo.icon];
    
    _name.text = weibo.name;
    
    _content.text = weibo.content;
    _content.numberOfLines = 0;
    
    _from.text = weibo.from;
    
    _vip.hidden = !weibo.vip;
    
    _time.text = weibo.time;
    
    // 配图
    if (weibo.pic) {
        _pic.hidden = NO;
        _pic.image = [UIImage imageNamed:weibo.pic];
    }else
    {
        _pic.hidden = YES;
    }

}
#pragma  设置微博高度frame
-(void) settingWeiboFrame
{
    
    //1、头像
    _icon.frame = _weiboframe.iconFrame;
    
    //2、昵称
    _name.frame = _weiboframe.nameFrame;
    
    //3VIP图标
    _vip.frame = _weiboframe.vipFrame;
    
    //4、时间
    _time.frame = _weiboframe.timeFrame;
    
    //5来源
    _from.frame = _weiboframe.fromFrame;
    
    //6正文
    _content.frame = _weiboframe.contentFrame;
    
    
    //7配图
    if (_weiboframe.weibo.pic) {
        
        _pic.frame = _weiboframe.picFrame;
    }
}



#pragma  添加基本的内部控件
-(void)setData
{
    //1、头像
    _icon  = [[UIImageView alloc] init];
    [self.contentView addSubview:_icon];
    
    //2、会员姓名
    _name = [[UILabel alloc] init];
    [self.contentView addSubview: _name];
    
    //3、时间
    _time = [[UILabel alloc] init];
    _time.font = [UIFont systemFontOfSize:12];
    [self.contentView addSubview:_time];
    
    //4、正文
     _content= [[UILabel alloc] init];
    [self.contentView addSubview:_content];
    
    //5、VIP图标
    _vip = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"vip.png"]];
    [self.contentView addSubview:_vip];
    
    //6、微博配图
     _pic= [[UIImageView alloc] init];
    [self.contentView addSubview:_pic];
    
    //7、来源
     _from = [[UILabel alloc] init];
    _from.font = _time.font;
    [self.contentView addSubview:_from];
    
    
}

+(NSString *)getID
{
    return @"cell";
}


@end

Weibo.h

//
//  Weibo.h
//  codeDefinedForTableviewcell
//
//  Created by bos on 15-3-22.
//  Copyright (c) 2015年 axiba. All rights reserved.
//

#import <Foundation/Foundation.h>

@interface Weibo : NSObject

@property (nonatomic,copy) NSString *name;
@property (nonatomic,copy) NSString *icon;
@property (nonatomic,copy) NSString *time;
@property (nonatomic, copy) NSString *pic;
@property (nonatomic,copy) NSString *content;
@property (nonatomic,copy) NSString *from;
@property (nonatomic,assign) BOOL vip;

-(id) initWithDict:(NSDictionary *)dict;
+(id) weiboWithDict:(NSDictionary *)dict;

@end

Weibo.m

//
//  Weibo.m 模型
//  codeDefinedForTableviewcell
//
//  Created by bos on 15-3-22.
//  Copyright (c) 2015年 axiba. All rights reserved.
//

#import "Weibo.h"

@implementation Weibo

-(id) initWithDict:(NSDictionary *)dict
{
    if (self == [super init]) {
        self.name =dict[@"name"];
        self.icon = dict[@"icon"];
        self.time = dict[@"time"];
        self.content = dict[@"desc"];
        self.from = dict[@"from"];
        self.pic = dict[@"pic"];
        self.vip = [dict[@"vip"] boolValue];
    }
    return self;
}

//必须实现的类方法，否则类无法alloc 自己（self）
+(id) weiboWithDict:(NSDictionary *)dict
{
    return [[self alloc] initWithDict:dict];
}

@end

WeiboFrame.h

//
//  WeiboFrame.h
//  codeDefinedForTableviewcell
//
//  Created by bos on 15-4-8.
//  Copyright (c) 2015年 axiba. All rights reserved.
// 用来存放某一个cell内部所有的子控件 的frame

#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>

@class Weibo;
@interface WeiboFrame : NSObject


// 头像 的frame
@property (nonatomic,assign,readonly) CGRect iconFrame;
// 是不是大V 的frame
@property (nonatomic,assign,readonly) CGRect vipFrame;
// 名字 的frame
@property (nonatomic,assign,readonly) CGRect nameFrame;
// 发表时间 的frame
@property (nonatomic,assign,readonly) CGRect timeFrame;
// 正文内容 的frame
@property (nonatomic,assign,readonly) CGRect contentFrame;
// 大图片 的frame
@property (nonatomic,assign,readonly) CGRect picFrame;
// 来自客户端 的frame
@property (nonatomic,assign,readonly) CGRect fromFrame;

@property (nonatomic,assign,readonly) CGFloat cellHeight;
@property (nonatomic,strong) Weibo *weibo;

@end

WeiboFram.m

//
//  WeiboFrame.m
//  codeDefinedForTableviewcell
//
//  Created by bos on 15-4-8.
//  Copyright (c) 2015年 axiba. All rights reserved.
// yonglai


#define kCellBorder 10
#define kIconWH 40

#import "WeiboFrame.h"
#import "Weibo.h"

@implementation WeiboFrame

-(void) setWeibo:(Weibo *)weibo
{
    _weibo = weibo;
    
    
    //1、头像
    CGFloat iconX = kCellBorder;
    CGFloat iconY = kCellBorder;
    _iconFrame = CGRectMake(iconX, iconY, kIconWH, kIconWH);
    
    //2、昵称
    CGFloat nameX = CGRectGetMaxX(_iconFrame) + kCellBorder;
    CGFloat nameY = iconY;
    //宽高取决于文字宽度
    CGSize nameSize = [self getLabelHeighDynamic:_weibo.name];
    _nameFrame = CGRectMake(nameX, nameY, nameSize.width, nameSize.height);
    
    //3VIP图标
    
    CGFloat vipX = CGRectGetMaxX(_nameFrame) + kCellBorder;
    CGFloat vipY = nameY;
    _vipFrame = CGRectMake(vipX, vipY, 20, 20);
    
    //4、时间
    CGFloat timeX = nameX;
    CGFloat timeY = CGRectGetMaxY(_nameFrame) + kCellBorder;
    CGSize timeSize =  [self getLabelHeighDynamic:_weibo.time];
    _timeFrame = CGRectMake(timeX, timeY, timeSize.width, timeSize.height);
    
    //5来源
    CGFloat fromX = CGRectGetMaxX(_timeFrame) +kCellBorder;
    CGFloat fromY = timeY;
    CGSize fromSize = [self getLabelHeighDynamic: _weibo.from];
    _fromFrame = CGRectMake(fromX, fromY, fromSize.width, fromSize.height);
    
    //6正文
    CGFloat contentX = iconX;
    CGFloat contentY = MAX(CGRectGetMaxY(_iconFrame), CGRectGetMaxY(_timeFrame));
    CGRect contentSize = [self getContentFrameDynamic: _weibo.content];
    _contentFrame = CGRectMake(contentX, contentY, contentSize.size.width, contentSize.size.height);
    
    
    //7配图
    if (_weibo.pic.length > 0) {
        
        CGFloat picX = contentX;
        CGFloat picY = CGRectGetMaxY(_contentFrame) +kCellBorder;
        _picFrame = CGRectMake(picX, picY, 80, 80);
        
        _cellHeight = CGRectGetMaxY(_picFrame) + kCellBorder;
    }
    else
    {
        _cellHeight = CGRectGetMaxY(_contentFrame) +kCellBorder;
    }
}

#pragma 根据文字长度动态确定label的高度
-(CGSize)getLabelHeighDynamic:(NSString *)word
{
    UIFont *fnt = [UIFont fontWithName:@"HelveticaNeue" size:18.0f];
    CGSize size = [word sizeWithAttributes:[NSDictionary dictionaryWithObjectsAndKeys:fnt,NSFontAttributeName, nil]];
    return size;
}

#pragma 根据正文内容多少,动态确定正文content的frame

-(CGRect)getContentFrameDynamic:(NSString *)word
{
    // 宽度W
    CGFloat contentW = 320 - 2 *kCellBorder;
    // label的字体 HelveticaNeue  Courier
    UIFont *fnt = [UIFont fontWithName:@"HelveticaNeue" size:18.0f];
    //_content.font = fnt;
    
    //_content.lineBreakMode = NSLineBreakByWordWrapping;
    // iOS7中用以下方法替代过时的iOS6中的sizeWithFont:constrainedToSize:lineBreakMode:方法
    CGRect tmpRect = [word boundingRectWithSize:CGSizeMake(contentW, 1000) options:NSStringDrawingUsesLineFragmentOrigin attributes:[NSDictionary dictionaryWithObjectsAndKeys:fnt,NSFontAttributeName, nil] context:nil];
    
    return tmpRect;
    
}


@end

 五、遇到的问题总结

 1、number函数写错， 记得是tableview先写，否则导致无法执行cellforRowAtIndexpath无法执行

 2、忘记传递模型数据，导致set方法没有执行

 3、IOS7中用以下方法

     - (CGSize)sizeWithAttributes:(NSDictionary *)attrs;

     替代过时的iOS6中的- (CGSize)sizeWithFont:(UIFont *)font 方法

 4、如果头文件中遇到类似于“编绎显示Unknown type name “CGFloat”  错误解决方法”

   直接加头文件：

     #import <UIKit/UIKit.h>或者将Compile Sources As 改为 Objective-C++

 5、在ViewDidLoad使用以下方法在取缓存池的值的时候，可以不用判断是否为空，会自动取缓冲取值，适用于6.0+

 ［self.tableView registerClass:[Mycell class] forCellReuseIdenifier:@"cellID"］;

六、源代码下载地址：

    http://pan.baidu.com/s/1kTqsTpH