一、介绍
之前已经实现过通过简单的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 = ; _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:];
[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, , ); //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 > ) { CGFloat picX = contentX;
CGFloat picY = CGRectGetMaxY(_contentFrame) +kCellBorder;
_picFrame = CGRectMake(picX, picY, , ); _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 = - *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, ) 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