不等高cell高度计算
1.首先看效果图
Mou icon
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);
网友评论