mansory純代碼自動(dòng)計(jì)算cell高度

簡(jiǎn)介

我們?cè)谑褂胢ansory的過(guò)程中氮唯,發(fā)現(xiàn)用布局控件很快轧简、很容易膝舅,但是具體到怎么計(jì)算UITableViewCell的高度的時(shí)候嗡载,如果不是用得故事版和XIB,就遇到了麻煩仍稀。在公司中團(tuán)隊(duì)開發(fā)一般是用純代碼寫的比較多洼滚,因?yàn)檫@樣便于多人開發(fā)和日后的維護(hù);但是我們使用了autolayout就沒(méi)有了frame的概念技潘,那怎么計(jì)算cell的高度呢遥巴?

了解tableView數(shù)據(jù)源方法的調(diào)用順序

  • 先調(diào)用 ,返回多少組(會(huì)被多次調(diào)用,兩次)
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
  • 然后調(diào)用,返回某個(gè)單元格內(nèi)容(會(huì)被多次調(diào)用)
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
  • 再調(diào)用崭篡,返回這個(gè)單元格的高度(會(huì)被多次調(diào)用)
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

使用mansory約束控件時(shí)挪哄,如何才能夠自動(dòng)計(jì)算cell的高度?

1 需要利用到模型數(shù)據(jù)來(lái)計(jì)算出cell的總的高度
2 cell需要提供一個(gè)接口給外界調(diào)用琉闪,傳入模型數(shù)據(jù)來(lái)計(jì)算cell的高度

-(CGFloat)rowHeightWithCellModel:(HomeModel *)homeModel;

3 注意性能優(yōu)化迹炼,由于tableView的滾動(dòng),模型數(shù)據(jù)被反復(fù)設(shè)置,而cell的高度只需要利用獲得的模型數(shù)據(jù)計(jì)算一次就可以斯入,使用懶加載的方式計(jì)算高度砂碉,當(dāng)模型數(shù)據(jù)重新獲取時(shí),重新計(jì)算

 self.tableView.separatorStyle=UITableViewCellSeparatorStyleNone;//去掉默認(rèn)下劃線
 self.tableView.estimatedRowHeight=200; //預(yù)估行高 可以提高性能
 self.tableView.rowHeight = 88;

模型的屬性

HomeModel.h
//單元格的高度
@property (nonatomic,assign) CGFloat cellHeight;
HomeModel.m

//惰性初始化是這樣寫的
-(CGFloat)cellHeight
{
    //只在初始化的時(shí)候調(diào)用一次就Ok
    if(!_cellHeight){
        HomeViewCell *cell=[[HomeViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:homeIndentifier];
        // 調(diào)用cell的方法計(jì)算出高度
        _cellHeight=[cell rowHeightWithCellModel:self];
        NSLog(@"計(jì)算的高度是:%f", _cellHeight);
    }
    
    return _cellHeight;
}

cell在創(chuàng)建的時(shí)候刻两,初始化自己的子控件增蹭,添加約束,把能添加的約束都添加上磅摹,但是還有某些控件的高度是由數(shù)據(jù)決定的滋迈,有些控件的高度是固定的,而某些控件還缺少必要的高度約束户誓,在cell提供的接口-(CGFloat)rowHeightWithCellModel:(HomeModel *)homeModel方法中補(bǔ)上饼灿,調(diào)用[self layoutIfNeeded];更新約束

//在表格cell中 計(jì)算出高度
-(CGFloat)rowHeightWithCellModel:(HomeModel *)homeModel
{
    _homeModel=homeModel;
    __weak __typeof(&*self)weakSelf = self;
    //設(shè)置標(biāo)簽的高度
    [self.content mas_makeConstraints:^(MASConstraintMaker *make) {
        // weakSelf.contentLabelH  這個(gè)會(huì)調(diào)用下面的懶加載方法
        make.height.mas_equalTo(weakSelf.contentLabelH);
    }];
    
    // 2. 更新約束
    [self layoutIfNeeded];
    
    //3.  視圖的最大 Y 值
    CGFloat h= CGRectGetMaxY(self.content.frame);
   
    return h+marginW; //最大的高度+10
}

/*
 *  懶加載的方法返回contentLabel的高度  (只會(huì)調(diào)用一次)
 */
-(CGFloat)contentLabelH
{
    // 標(biāo)簽的高度
    if(!_contentLabelH){
        CGFloat h=[self.homeModel.content boundingRectWithSize:CGSizeMake(([UIScreen mainScreen].bounds.size.width)-2*marginW, MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:16]} context:nil].size.height;
        
        _contentLabelH=h+marginW;  //內(nèi)容距離底部下劃線10的距離
    }
    return _contentLabelH;
}

cell初始化子控件

#pragma mark 添加子控件
-(void)setupUI
{
    //1.添加圖片
    UIImageView *icon=[UIImageView new];
    icon.contentMode=UIViewContentModeScaleAspectFill;
    icon.clipsToBounds=YES;
    [self.contentView addSubview:icon];
    self.icon=icon;
    //2.添加label
    UILabel *content=[UILabel new];
    content.numberOfLines=0; //多行顯示
    content.font=[UIFont systemFontOfSize:16];
    [self.contentView addSubview:content];
     self.content=content;
    //3.底部添加一條線
    UIImageView *line=[UIImageView new];
    line.backgroundColor=[UIColor grayColor];
    [self.contentView addSubview:line];
    self.line=line;
    
    //設(shè)置約束
     __weak __typeof(&*self)weakSelf = self;
    //1.設(shè)置圖片的大小
    [self.icon mas_makeConstraints:^(MASConstraintMaker *make) {
        make.height.mas_equalTo(iconH);  //頭像的高度
        make.width.mas_equalTo(iconW); //頭像的寬度
        make.top.equalTo(weakSelf.mas_top).offset(marginW) ; //距離頂部10的距離
        make.centerX.equalTo(weakSelf.mas_centerX); //頭像的中心x和cell的中心x一樣
        
       // make.centerY.equalTo(self.mas_centerY);  頭像的中心y和cell的中心y一樣
    }];
    //2.設(shè)置contentLabel
    [self.content mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.equalTo(weakSelf.icon.mas_bottom).offset(marginW); //文本距離頭像底部10個(gè)間距
        make.left.equalTo(weakSelf.mas_left).offset(marginW);  //文本距離左邊的距離
        make.right.equalTo(weakSelf.mas_right).offset(-marginW);  //文本距離右邊的距離
        
        //文本高度 我們?cè)跀?shù)據(jù)源方法中獲取模型中cellHeight屬性時(shí)再計(jì)算
        #warning 未完待續(xù)。帝美。碍彭。
    }];
    
    
    //3.設(shè)置下劃線的大小
    [self.line mas_makeConstraints:^(MASConstraintMaker *make) {
        make.height.mas_equalTo(0.5);
        make.left.equalTo(weakSelf.mas_left).offset(0);
        make.right.equalTo(weakSelf.mas_right).offset(0);
        make.bottom.equalTo(weakSelf.mas_bottom).offset(-marginW); //下劃線距離底部10的距離
    }];
    
}

tableView的數(shù)據(jù)源方法和代理方法

/*
  返回多少行
 */
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    //因?yàn)槭俏覀冏远x的數(shù)據(jù) 所以 這里寫arr而不是arrModel  因?yàn)橹挥羞@樣才會(huì)調(diào)用arr的懶加載犯法
    return self.arr.count;
}

/*
    返回表格單元
 */
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    //取出模型
    HomeModel *model=self.arrModel[indexPath.row];
    
    HomeViewCell *cell = [tableView dequeueReusableCellWithIdentifier:homeIndentifier];
    if (cell == nil) {
        cell = [[HomeViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:homeIndentifier];
    }
    
    //傳遞模型給cell
    cell.homeModel=model;
    
    return cell;
}

/*
 *  返回每一個(gè)表格單元的高度
 */

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    
    
    //取出模型
    HomeModel *homeModel=self.arrModel[indexPath.row];
    
    return    homeModel.cellHeight ;
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市悼潭,隨后出現(xiàn)的幾起案子庇忌,更是在濱河造成了極大的恐慌,老刑警劉巖舰褪,帶你破解...
    沈念sama閱讀 222,378評(píng)論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件皆疹,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡抵知,警方通過(guò)查閱死者的電腦和手機(jī)墙基,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,970評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)刷喜,“玉大人残制,你說(shuō)我怎么就攤上這事∫创” “怎么了初茶?”我有些...
    開封第一講書人閱讀 168,983評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)浊闪。 經(jīng)常有香客問(wèn)我恼布,道長(zhǎng),這世上最難降的妖魔是什么搁宾? 我笑而不...
    開封第一講書人閱讀 59,938評(píng)論 1 299
  • 正文 為了忘掉前任折汞,我火速辦了婚禮,結(jié)果婚禮上盖腿,老公的妹妹穿的比我還像新娘爽待。我一直安慰自己损同,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,955評(píng)論 6 398
  • 文/花漫 我一把揭開白布鸟款。 她就那樣靜靜地躺著膏燃,像睡著了一般。 火紅的嫁衣襯著肌膚如雪何什。 梳的紋絲不亂的頭發(fā)上组哩,一...
    開封第一講書人閱讀 52,549評(píng)論 1 312
  • 那天,我揣著相機(jī)與錄音处渣,去河邊找鬼伶贰。 笑死,一個(gè)胖子當(dāng)著我的面吹牛罐栈,可吹牛的內(nèi)容都是我干的幕袱。 我是一名探鬼主播,決...
    沈念sama閱讀 41,063評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼悠瞬,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了涯捻?” 一聲冷哼從身側(cè)響起浅妆,我...
    開封第一講書人閱讀 39,991評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎障癌,沒(méi)想到半個(gè)月后凌外,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,522評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡涛浙,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,604評(píng)論 3 342
  • 正文 我和宋清朗相戀三年康辑,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片轿亮。...
    茶點(diǎn)故事閱讀 40,742評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡疮薇,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出我注,到底是詐尸還是另有隱情按咒,我是刑警寧澤,帶...
    沈念sama閱讀 36,413評(píng)論 5 351
  • 正文 年R本政府宣布但骨,位于F島的核電站励七,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏奔缠。R本人自食惡果不足惜掠抬,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,094評(píng)論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望校哎。 院中可真熱鬧两波,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,572評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至氛堕,卻和暖如春馏臭,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背讼稚。 一陣腳步聲響...
    開封第一講書人閱讀 33,671評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工括儒, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人锐想。 一個(gè)月前我還...
    沈念sama閱讀 49,159評(píng)論 3 378
  • 正文 我出身青樓帮寻,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親赠摇。 傳聞我的和親對(duì)象是個(gè)殘疾皇子固逗,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,747評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容