iOS cell 自适应高度

还记得在上一篇iOS cell 重用中,我提到的 cell 自适应高度吗?那一篇主要解决的是 cell 重用的问题,所以就没有过多的去说有关自适应的问题,而且里面写的也是比较的乱,经过这几天的整理,我已经把 cell 自适应高度(包括纯文本的自适应以及图文混排时的自适应)整理好了,并且已经封装成给类,大家可以直接把这个类导入工程中,直接使用...

我先简单的来几张图片让大家更清楚的了解什么是纯文本,什么是图文混排

首先是纯文本:





这里可以看到,这两张图对应着两个 cell, 但是很明显,第一个 cell 的高度几乎为整个屏幕.而第二个就只有中间一块(注意 cell 的分割线),这就用到了所谓的cell 自适应高度,使cell 可以根据文本的大小来动态的改变自己的高度,下面在来看看图文混排时的效果

图文混排:







这回可以看出 cell 不仅仅要根据文本来计算高度,还要把图片按照比例一起加进去,好了,直接来看代码吧..


首先,由于我把它封装成了单例,但是计算时用到了一些方法,所以这里我们要导入UIKit头文件

//
// heightForContent.h
// cell自适应高度
//
// Created by Amydom on 16/12/14.
// Copyright © 2016年 Amydom. All rights reserved.
//

#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>

@interface heightForContent : NSObject

+ (instancetype)shareHeightContent;

#pragma mark - 在 controller 里调用的方法
//纯文本
- (CGFloat)TextForControllerWithLabelFrame:(NSString *)content;

//图文混排
- (CGFloat)TextAndImageForControllerWithLabelFrame:(NSString *)content
ImageWidth:(NSString *)Width
ImageHeight:(NSString *)Height;

//在 cell 里调用的方法
- (CGRect)TextForCellWithLabelFrame:(NSString *)content
LabelFrame:(UILabel *)label;

@end

//
//  heightForContent.m
//  cell自适应高度
//
//  Created by Amydom on 16/12/14.
//  Copyright © 2016年 Amydom. All rights reserved.
//

#import "heightForContent.h"
#define SCREEN  [[UIScreen mainScreen]bounds]

@implementation heightForContent

+ (instancetype)shareHeightContent{

static heightForContent *Content = nil;

static dispatch_once_t onceToken;

dispatch_once(&onceToken, ^{

Content = [[heightForContent alloc]init];

});

return Content;

}

# pragma mark　－- 计算内容的高度第三步: 计算cell高度
//如果是纯文本做cell 的自适应 则在 Controller 里调用此方法
- (CGFloat)TextForControllerWithLabelFrame:(NSString *)content{

CGFloat height = [heightForContent heightForContent:content];

return height + 40;

}

//如果是图文混排的话 则在 Controller 里调用此方法
- (CGFloat)TextAndImageForControllerWithLabelFrame:(NSString *)content
ImageWidth:(NSString *)Width
ImageHeight:(NSString *)Height{

CGFloat height = [heightForContent heightForContent:content] + SCREEN.size.width /
b9bc
[(Width) floatValue] * [(Height) floatValue];

return height + 40;

}

# pragma mark　－- 计算内容的高度第二步: 计算 label 高度
//不论纯文本还是图文混排,都需要在自定义cell (重写 model 的 setter 方法)里调用此方法
- (CGRect)TextForCellWithLabelFrame:(NSString *)content
LabelFrame:(UILabel *)label{

CGFloat height = [heightForContent heightForContent:content];
CGRect tempFrame = label.frame;
tempFrame.size.height = height;
return tempFrame;

}

#pragma mark -- 计算内容的高度第一步:封装算法

+ (CGFloat)heightForContent:(NSString *)content{
//参数1.设置计算高度按照什么样的size来计算
//注意:宽度一定与label一致,高度尽量大一些
//参数2.设置计算类型
//参数3.设置计算内容按照多大的字体计算
//注意:字体大小也要跟label字体一样
//参数4.系统备用参数,设置为nil;
CGSize size = CGSizeMake(SCREEN.size.width,10000 );
NSDictionary *dic = [NSDictionary dictionaryWithObjectsAndKeys:[UIFont systemFontOfSize:17.0],NSFontAttributeName, nil];
CGRect frame =  [content boundingRectWithSize:size options:NSStringDrawingUsesLineFragmentOrigin attributes:dic context:nil];

return frame.size.height;

}

@end

到这里,有关于计算的问题已经完成了,由于涉及到 cell 以及 Controller, 我在这里在说明下怎么使用(这里我用的是 MVC 模式,并且是用重写 setModel的方式赋值)
首先在 cell 中的 setModel 方法里计算label 高度






然后在 Controller 的 heightForRowAtIndexPath方法里引用






因为里面封装了两个方法,分别对应的是纯文本与图文,所以我这里做了判断,符合哪个就掉哪个方法......

有没有感觉,其实图文混排还是比较简单的,除了计算之外...