[iOS 开发基础]- 动态计算cell行高

这几天在网上搜寻技术文章时,简书上的文章总是很合胃口。于是就在简书上面注册了账号,简书上的文章都写的很精髓。这是我第一次在简书上面写文章,多少有点小紧张,文章写的哪里不好,或者哪里有问题,欢迎大家提出来,我会修正。好了这里就不继续瞎扯了,现在进入正题吧。

相信很多初级开发者们对于动态计算cell的行高都很头大,总是计算不好,导致各种问题。这里我就讲一下平时我是怎样计算行高的。有很多种方法,一种是通过约束来动态的计算行高,在《UITableView自动计算cell高度并缓存,再也不用管高度啦!》这篇文章里写的已经很详细了,这里就不详述了。还有一种是提前计算行高保存到模型中,这里先看一下效果图;


这样也实现了动态计算行高,每一个cell都返回不同的高度。具体操作是先将数据模型传入一个计算行高的模型当中,然保存这个模型到数据数组中。通过heightForRowAtIndexPath方法返回不同的行高。

- (CGFloat)tableView:(UITableView*)tableView heightForRowAtIndexPath:(NSIndexPath*)indexPath{

WKTableViewCellFrame*cellFrame =self.dataArray[indexPath.row];

returncellFrame.rowHeight;

}

当然单单这样笼统的说,相信大家也很难理解我在说什么,别急听我细细道来。

首先我们和往常一样险些数据模型,有头像,昵称,文章里容。

#import

@interfaceWKFriend :NSObject

@property(copy,nonatomic)NSString*nickname;

@property(copy,nonatomic)NSString*content;

@property(copy,nonatomic)NSString*headImg;

@property(copy,nonatomic)NSString*picture;

+ (instancetype) friendInitWithDict:(NSDictionary*)dict;

@end

#import"WKFriend.h"

@implementationWKFriend

+ (instancetype)friendInitWithDict:(NSDictionary*)dict{

WKFriend*friend = [[WKFriendalloc]init];

[friendsetValuesForKeysWithDictionary:dict];

returnfriend;

}

- (void)setValue:(id)value forUndefinedKey:(NSString*)key{

}

@end

然后根据需求的布局,提前进行cell的行高计算,根据控件数量添加模型属性。

#import

#import"WKFriend.h"

@interface   WKComputeCellFrame :NSObject

@property(assign,nonatomic)  CGRect  headImgFrame;

@property(assign,nonatomic) CGRect   contentFrame;

@property(assign,nonatomic) CGRect   nicknameFrame;

@property(assign,nonatomic) CGRect   pictureFrame;

//rowHeight为计算出的cell行高

@property(assign,nonatomic) CGFloat   rowHeight;

// friends是数据模型

@property(strong,nonatomic) WKFriend  *friends;

@end

添加完成之后,要额外添加cell行高属性和数据模型数据。

这里我们就可以开始布局了,这里提前计算没个控件的frame,然后进行布局。

#import"WKComputeCellFrame.h"

@implementationWKComputeCellFrame

- (void)setFriends:(WKFriend*)friends{

_friends= friends;

self.headImgFrame = CGRectMake( 10, 20, 60, 60);

CGRect  nickName = [friends.nickname boundingRectWithSize:CGSizeMake(MAXFLOAT,MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName: [UIFontsystemFontOfSize:18]} context:nil];

self.nicknameFrame = CGRectMake( 10, CGRectGetMaxY(self.headImgFrame) + 5, nickName.size.width, nickName.size.height);

CGRect  contentFrame = [friends.content boundingRectWithSize:CGSizeMake(MAXFLOAT,MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName: [UIFontsystemFontOfSize:15]} context:nil];

self.contentFrame = CGRectMake( 10,CGRectGetMaxY(contentFrame), contentFrame.size.width,contentFrame.size.height);

if(friends.picture) {

//如果需要和qq空间一样,文字下面显示图片就设置图片的大小

self.pictureFrame=CGRectMake( 0, 0, 0, 0);

// 有图片就是返回图片的最大Y值

self.rowHeight=CGRectGetMaxY(self.pictureFrame) + 5;

return;

}

// 没图片就是返回文字的最大Y值

self.rowHeight=CGRectGetMaxY(self.contentFrame) + 5;

}

@end

其实我们自定义cell 的时候,就是文字内容的不确定性,导致我们无法静精确的计算cell的行高。但是我们可以通过这个方法来计算文字的高度。

[CGRect boundingRectWithSize:CGSize options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName: [UIFontsystemFontOfSize:18]} context:nil];

然后在我们写数据数组时,将数据模型传入计算模型当中,像这样

for(NSDictionary*dictin_dataArray) {

WKFriend*friend = [WKFriend  friendsInitWithDict:dict];

WKComputeCellFrame *cellFrame = [[WKTableViewCellFrame  alloc]init];

cellFrame.friendMode = friends;

[mutableArray  addObject:cellFrame];

}

传入之后就可以返回行高了,在tableView的delegate的方法中返回不同的行高就行了。

- (CGFloat)tableView:(UITableView*)tableView heightForRowAtIndexPath:(NSIndexPath*)indexPath{

WKTableViewCellFrame*cellFrame =self.dataArray[indexPath.row];

returncellFrame.rowHeight;

}

之后在自定义cell的时候,将我们提前计算好的frame赋值给控件就可以了。

-(void)setCellFrame:(WKTableViewCellFrame*)cellFrame{

_cellFrame= cellFrame;

_nickNameLable.frame= cellFrame.nickname;

_headImgView.frame= cellFrame.headImg;

_contentLab.frame= cellFrame.content;

self.nickNameLable.text = cellFrame.friends.nickname;

self.contentLab.text= cellFrame.friends.content;

self.imgView.image= [UIImageimageNamed:cellFrame.friends.headImg];

}

注意的是,Lable的文字大小要和提前计算好的大小一致

// 自定义cell中

UILabel*contentLab = [[UILabelalloc]init];

contentLab.font= [UIFontsystemFontOfSize:15];

contentLab.numberOfLines= 0;

// 计算模型中

CGRect  contentFrame = [friends.content boundingRectWithSize:CGSizeMake(MAXFLOAT,MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName: [UIFontsystemFontOfSize:15]} context:nil];

这样我们就完成动态的返回cell的行高了。

各位读者姥爷们,文章写的比较匆忙,哪里写的不好希望大家多多指点。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,478评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,825评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,482评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,726评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,633评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,018评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,513评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,168评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,320评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,264评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,288评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,995评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,587评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,667评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,909评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,284评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,862评论 2 339

推荐阅读更多精彩内容