自定義不等高cell
frame方法
給模型增加frame數(shù)據(jù)
- 所有子控件的frame
- cell的高度
@interface XMGStatus : NSObject
/**** 文字\圖片數(shù)據(jù) ****/
// .....
/**** frame數(shù)據(jù) ****/
/** 頭像的frame */
@property (nonatomic, assign) CGRect iconFrame;
// .....
/** cell的高度 */
@property (nonatomic, assign) CGFloat cellHeight;
@end
- 重寫模型cellHeight屬性的get方法
- (CGFloat)cellHeight
{
if (_cellHeight == 0) {
// ... 計(jì)算所有子控件的frame蚤告、cell的高度
}
return _cellHeight;
}
在控制器中
- 實(shí)現(xiàn)一個(gè)返回cell高度的代理方法
- 在這個(gè)方法中返回indexPath位置對(duì)應(yīng)cell的高度
/**
* 返回每一行cell的具體高度
*/
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
XMGStatus *status = self.statuses[indexPath.row];
return status.cellHeight;
}
- 給cell傳遞模型數(shù)據(jù)
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *ID = @"tg";
// 訪問緩存池
XMGStatusCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
// 設(shè)置數(shù)據(jù)(傳遞模型數(shù)據(jù))
cell.status = self.statuses[indexPath.row];
return cell;
}
新建一個(gè)繼承自UITableViewCell的子類滑肉，比如XMGStatusCell
@interface XMGStatusCell : UITableViewCell
@end
在XMGStatusCell.m文件中
- 重寫
-initWithStyle:reuseIdentifier:方法- 在這個(gè)方法中添加所有需要顯示的子控件
- 給子控件做一些初始化設(shè)置（設(shè)置字體晴竞、文字顏色等）
/**
* 在這個(gè)方法中添加所有的子控件
*/
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
// ......
}
return self;
}
在XMGStatusCell.h文件中提供一個(gè)模型屬性矢渊，比如XMGTg模型
@class XMGStatus;
@interface XMGStatusCell : UITableViewCell
/** 團(tuán)購模型數(shù)據(jù) */
@property (nonatomic, strong) XMGStatus *status;
@end
在XMGTgCell.m中重寫模型屬性的set方法
- 在set方法中給子控件設(shè)置模型數(shù)據(jù)
- (void)setStatus:(XMGStatus *)status
{
_status = status;
// .......
}
重寫-layoutSubviews方法
- 一定要調(diào)用
[super layoutSubviews] - 在這個(gè)方法中設(shè)置所有子控件的frame
/**
* 在這個(gè)方法中設(shè)置所有子控件的frame
*/
- (void)layoutSubviews
{
[super layoutSubviews];
// ......
}
storyboard 方法
對(duì)比自定義等高cell，需要幾個(gè)額外的步驟（iOS8開始才支持）
- 添加子控件和contentView之間的間距約束
Snip20150701_88.png
- 設(shè)置tableViewCell的真實(shí)行高和估算行高
// 告訴tableView所有cell的真實(shí)高度是自動(dòng)計(jì)算（根據(jù)設(shè)置的約束來計(jì)算）
self.tableView.rowHeight = UITableViewAutomaticDimension;
// 告訴tableView所有cell的估算高度
self.tableView.estimatedRowHeight = 44;
如果要支持iOS8之前
- 如果cell內(nèi)部有自動(dòng)換行的label，需要設(shè)置preferredMaxLayoutWidth屬性
- (void)awakeFromNib
{
// 手動(dòng)設(shè)置文字的最大寬度（目的是：讓label知道自己文字的最大寬度，進(jìn)而能夠計(jì)算出自己的frame）
self.text_label.preferredMaxLayoutWidth = [UIScreen mainScreen].bounds.size.width - 20;
}
- 設(shè)置tableView的cell估算高度
// 告訴tableView所有cell的估算高度(設(shè)置了估算高度，就可以減少tableView:heightForRowAtIndexPath:方法的調(diào)用次數(shù))
self.tableView.estimatedRowHeight = 200;
- 在代理方法中計(jì)算cell的高度
XMGStatusCell *cell;
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
// 創(chuàng)建一個(gè)cell（cell的作用：根據(jù)模型數(shù)據(jù)布局所有的子控件始赎，進(jìn)而計(jì)算出cell的高度）
if (!cell) {
cell = [tableView dequeueReusableCellWithIdentifier:ID];
}
// 設(shè)置模型數(shù)據(jù)
cell.status = self.statuses[indexPath.row];
return cell.height;
}
- (CGFloat)height
{
// 強(qiáng)制布局cell內(nèi)部的所有子控件(label根據(jù)文字多少計(jì)算出自己最真實(shí)的尺寸)
[self layoutIfNeeded];
// 計(jì)算cell的高度
if (self.status.picture) {
return CGRectGetMaxY(self.pictureImageView.frame) + 10;
} else {
return CGRectGetMaxY(self.text_label.frame) + 10;
}
}
