需求背景

1、UITableViewCell 嵌套 UICollectionView
2、UICollectionViewCell 宽度根据文字长度变化(宽度不固定)
3、UITableViewCell 根据 UICollectionView 内容实现高度自适应(UICollectionView 不可滚动)

需求痛点

UICollectionViewCell 宽度根据文字自适应,因此无法确定一行能容纳几个 UICollectionViewCell

效果实现

初始化 UICollectionView

UICollectionViewFlowLayout * layout = [[UICollectionViewFlowLayout alloc] init];
// 1、使用 Autolayout 一定要给 Item 预估个宽高,否则无法自适应宽度
// 2、Item 宽度不能超出实际 UICollectionView 宽度,否则 UICollectionView 高度计算异常
layout.estimatedItemSize = CGSizeMake(100, 22);

UICollectionView * coll = [[UICollectionView alloc] initWithFrame:CGRectZero collectionViewLayout:layout];
coll.backgroundColor = [UIColor whiteColor];
coll.delegate = self;
coll.dataSource = self;
[coll registerClass:[CustomTableViewCollCell class] forCellWithReuseIdentifier:[CustomTableViewCollCell identifier]];
[self.contentView addSubview:coll];
_coll = coll;

// 这里不设置 UICollectionView 高度
[coll mas_makeConstraints:^(MASConstraintMaker *make) {
    make.left.equalTo(abnormalTitleLabel.mas_right).offset(20);
    make.right.equalTo(self.contentView).offset(-15);
    make.top.equalTo(abnormalTitleLabel.mas_top);
    make.bottom.equalTo(self.contentView).offset(-20);
}];

UICollectionViewCell 重写 preferredLayoutAttributesFittingAttributes: 方法

- (UICollectionViewLayoutAttributes *)preferredLayoutAttributesFittingAttributes:(UICollectionViewLayoutAttributes *)layoutAttributes {

    // 这两个不能少
    [self setNeedsLayout];
    [self layoutIfNeeded];

    UICollectionViewLayoutAttributes * attributes = [super preferredLayoutAttributesFittingAttributes:layoutAttributes];

    // 在这里计算文字的宽度
    CGSize size = [@"我是用来计算文字宽度的" boundingRectWithSize:CGSizeMake(CGFLOAT_MAX, 17) options:NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:12]} context:nil].size;

    CGRect cellFrame = attributes.frame;
    // size.width 只是文字的宽度,要加上其他组件的宽和间距,这样才得到正确的 UICollectionViewCell 宽度
    cellFrame.size.width = size.width + 30;
    attributes.frame = cellFrame;

    return attributes;
}

UITableViewCell 重写 systemLayoutSizeFittingSize:withHorizontalFittingPriority:horizontalFittingPriority: 方法 iOS8及之后版本可用

- (CGSize)systemLayoutSizeFittingSize:(CGSize)targetSize withHorizontalFittingPriority:(UILayoutPriority)horizontalFittingPriority verticalFittingPriority:(UILayoutPriority)verticalFittingPriority {

    CGSize size = [super systemLayoutSizeFittingSize:targetSize withHorizontalFittingPriority:horizontalFittingPriority verticalFittingPriority:verticalFittingPriority];

    // 这个不能少,否则 self.coll.collectionViewLayout.collectionViewContentSize.height = 0
    [self.coll layoutIfNeeded];

    // 这里得到 UICollectionView 内容的宽高
    CGSize collSize = self.coll.collectionViewLayout.collectionViewContentSize;

    return CGSizeMake(size.width, size.height+collSize.height);
}

注意

使用 Autolayout 布局 UITableViewCell 并实现动态高度时,一定要确保约束能够撑开 UITableViewCell 否则将会得到错误的高度44。