不等高cell高度計算
1.首先看效果圖
2.重難點：
對于本例來講最重要的就是計算cell的高度，以及理解mvc的思想
3.每一個cell可以看作是一個view，cell中的數據可以封裝icon、name、vip、text、picture等數據，為了得到cell的高度還要封裝每一個空間的frame，因此模型數據如下
/*** 全局定義name文本大小跟文本框的大小**/
#define WHNameFont [UIFont systemFontOfSize:17]
#define WHTextFont [UIFont systemFontOfSize:14]
@interface WHStatuses : NSObject /*** 圖標**/ @property (nonatomic, copy) NSString *icon; /*** 名稱**/ @property (nonatomic, copy) NSString *name; /*** vip屬性**/ @property (nonatomic, assign, getter=isVip)BOOL vip; /*** 文本**/ @property (nonatomic, copy) NSString *text; /*** 圖片**/ @property (nonatomic, copy) NSString *picture; /*** iconFrame**/ @property (nonatomic, assign) CGRect iconFrame; /*** nameFrame**/ @property (nonatomic, assign) CGRect nameFrame; /*** vipFrame**/ @property (nonatomic, assign) CGRect vipFrame; /*** textFrame**/ @property (nonatomic, assign) CGRect textFrame; /*** pictureFrame**/ @property (nonatomic, assign) CGRect pictureFrame; /*** 返回每行的cell高度**/ @property (nonatomic, assign) CGFloat cellHeight;
4.在模型中返回得到的cellheight高度
- (CGFloat)cellHeight { if (_cellHeight == 0) { //計算icon的rect CGFloat space = 10; CGFloat iconX = space; CGFloat iconY = space; CGFloat iconWH = 30; self.iconFrame = CGRectMake(iconX, iconY, iconWH, iconWH); //計算name的rect CGFloat nameX = CGRectGetMaxX(self.iconFrame) + space; CGFloat nameY = space; NSDictionary *dict = @{NSFontAttributeName : WHNameFont}; CGSize nameSize = [self.name sizeWithAttributes:dict]; CGFloat nameW = nameSize.width; CGFloat nameH = nameSize.height; self.nameFrame = CGRectMake(nameX, nameY, nameW, nameH); //計算vip的rect if (self.isVip) { CGFloat vipX = CGRectGetMaxX(self.nameFrame) + space; CGFloat vipY = nameY + (self.iconFrame.size.height - self.nameFrame.size.height) * 0.5; CGFloat vipWH = 14; self.vipFrame = CGRectMake(vipX, vipY, vipWH, vipWH); } //計算text的rect CGFloat textX = iconX; CGFloat textY = CGRectGetMaxY(self.iconFrame) + space; CGFloat maxTextW = [UIScreen mainScreen].bounds.size.width - 2 * space; CGSize maxTextSize = CGSizeMake(maxTextW, MAXFLOAT); CGFloat textH = [self.text boundingRectWithSize:maxTextSize options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName : WHTextFont} context:nil].size.height; self.textFrame = CGRectMake(textX, textY, maxTextW, textH); //計算picture的rect if (self.picture) { CGFloat pictureX = iconX; CGFloat pictureY = CGRectGetMaxY(self.textFrame) + space; CGFloat pictureWH = 100; self.pictureFrame = CGRectMake(pictureX, pictureY, pictureWH, pictureWH); // 當有picture的時候cell高度計算 _cellHeight = CGRectGetMaxY(self.pictureFrame) + space; } else { // 當沒有picture的時候cell高度計算 _cellHeight = CGRectGetMaxY(self.textFrame) + space; } } // 返回cell的高度 return _cellHeight; }
5.view中封裝的視圖如下所示
@property (nonatomic, strong) WHStatuses *statuse; @property (nonatomic, weak) UIImageView *iconImageView; @property (nonatomic, weak) UILabel *nameLabel; @property (nonatomic, weak) UIImageView *vipImageView; @property (nonatomic, weak) UILabel *text_Label; @property (nonatomic, weak) UIImageView *pictureImageView;
6.在cell創建的時候就返回創建好的一些視圖
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier { if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) { UIImageView *iconImageView = [[UIImageView alloc] init]; [self.contentView addSubview:iconImageView]; self.iconImageView = iconImageView;
UILabel *nameLabel = [[UILabel alloc] init];
nameLabel.font = WHNameFont;
[self.contentView addSubview:nameLabel];
self.nameLabel = nameLabel;
UIImageView *vipImageView = [[UIImageView alloc] init];
vipImageView.image = [UIImage imageNamed:@"vip"];
[self.contentView addSubview:vipImageView];
self.vipImageView = vipImageView;
UILabel *text_label = [[UILabel alloc] init];
text_label.font = WHTextFont;
text_label.numberOfLines = 0;
[self.contentView addSubview:text_label];
self.text_Label = text_label;
UIImageView *pictureImageView = [[UIImageView alloc] init];
[self.contentView addSubview:pictureImageView];
self.pictureImageView = pictureImageView;
}
return self;
}`
7.在view中對每一個cell自動布局設置控件的位置
- (void)layoutSubviews { [super layoutSubviews]; self.iconImageView.frame = self.statuse.iconFrame; self.nameLabel.frame = self.statuse.nameFrame; self.vipImageView.frame = self.statuse.vipFrame; self.text_Label.frame = self.statuse.textFrame; self.pictureImageView.frame = self.statuse.pictureFrame; }
8.設置每一個控件的數據
- (void)setStatuse:(WHStatuses *)statuse { _statuse = statuse; self.iconImageView.image = [UIImage imageNamed:statuse.icon]; self.nameLabel.text = statuse.name;
if (statuse.isVip) {
self.vipImageView.hidden = NO;
self.nameLabel.textColor = [UIColor orangeColor];
}
else
{
self.vipImageView.hidden = YES;
self.nameLabel.textColor = [UIColor blackColor];
}
self.nameLabel.text = statuse.text;
self.text_Label.text = statuse.text;
if (statuse.picture) {
self.pictureImageView.hidden = NO;
self.pictureImageView.image = [UIImage imageNamed:statuse.picture];
}
else
{
self.pictureImageView.hidden = YES;
}
9.在控制器中懶加載數據
- (NSArray *)statuses { if (_statuses == nil) { _statuses = [WHStatuses objectArrayWithFilename:@"statuses.plist"]; } return _statuses; }
10.viewdidload中實現的方法以及實現代理的方法
NSString *ID = @"statuses";
- (void)viewDidLoad { [super viewDidLoad]; [self.tableView registerClass:[WHStatusesCell class] forCellReuseIdentifier:ID]; NSLog(@"%@",self.statuses); }
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return self.statuses.count; }
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { WHStatusesCell *cell = [self.tableView dequeueReusableCellWithIdentifier:ID]; cell.statuse = self.statuses[indexPath.row]; return cell; }
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath { WHStatuses *statuse = self.statuses[indexPath.row]; return statuse.cellHeight; }
- (void)didReceiveMemoryWarning { [super didReceiveMemoryWarning]; // Dispose of any resources that can be recreated. }
11.本例重難點分析
主要是計算cell的高度問題，特別是在計算文本高度的時候
CGFloat textX = iconX; CGFloat textY = CGRectGetMaxY(self.iconFrame) + space; CGFloat maxTextW = [UIScreen mainScreen].bounds.size.width - 2 * space; CGSize maxTextSize = CGSizeMake(maxTextW, MAXFLOAT); CGFloat textH = [self.text boundingRectWithSize:maxTextSize options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName : WHTextFont} context:nil].size.height; self.textFrame = CGRectMake(textX, textY, maxTextW, textH);
