iOS开发tips-UITableView、UICollectionView行高/尺寸自适应

UITableView

我们都知道UITableView从iOS 8开始实现行高的自适应相对比较简单，首先必须设置estimatedRowHeight给出预估高度，设置rowHeight为UITableViewAutomaticDimension（注意：如果不修改rowHeight默认就是UITableViewAutomaticDimension），对于这两个参数除了直接修改tableview对应的属性之外仍然支持使用对应的代理方法设置。最后只要在UITableViewCell中设置contentView的约束即可。由于UITableViewCell的宽度等同于UITableView因此约束的设置事实上只是为了自动计算高度。通常的做法就是设置contentView的top和bottom约束，而后其内部子视图可以提供intrinsicContentSize（例如UIButtonUILabel默认就已经提供）或者已经有明确的height约束。这样一来就可以做到子控件确定了自身高度，而contentView子控件又设置了和contentView相关的bottom约束来反向计算出UITableViewCell的实际高度。

下面仍然以前面UITableView文章的自定义Cell举例，相比之前大量的运算而言Self-Sizing Cells可以说简化了很多。除了设置estimatedRowHeight外最重要的就是添加相关Autolayout约束。由于头像高度已经固定，内容高度可以通过固有高度自动计算，而二者的间隔和top、bottom约束已经固定，从而Self-Sizing Cells可以自动计算出Cell的高度。

高度计算约束关系：

最终效果：

无论是UITableView还是后面的UICollectionview，Self-Sizing Cells的概念均是从iOS 8开始提出的。如果是iOS 8之前的版本则需要通过systemLayoutSizeFitting()进行计算或者通过frame直接设置。

UICollectionView

了解了UITableView的Cell行高自适应之后，要理解UICollectionviewCell的Size自适应并不难，因为UICollectionViewCell相比较于UITableViewCell除了要通过AutoLayout确定contentView的高度之外还要确定其宽度，其宽度确定原则和UITableViewCell的高度确定是类似的，只是要通过UICollectionviewCell的contentView子控件自身确定其宽度，然后设置子控件和contentView相关的right约束即可。当然对于UICollectionViewCell自适应尺寸同样必须设置UICollectionViewFlowLayout的estimatedItemSize属性(如果使用UICollectionViewFlowLayout)。

下面的的demo演示了类淘宝商品展示的UICollectionview布局，除了通过AutoLayout确定高度外，通过商品图片的left、right约束和width的设置可以反向推断出contentView的宽度，通过Self-Sizing Cells就可以最终确定UICollectionviewCell的size。

最终效果：

除此之外从iOS 8开始，UICollectionViewCell提供了preferredLayoutAttributesFitting()方法用于提供一些cell属性修改，当然通过此方法可以重新修改cell的size（包括Self-Sizing Cells自动计算后的size），对于手动计算高度的情况这也方法也提供了一种不用外部设置cell size的而能提供让UICollectionView确定cell尺寸的方式，但是这并不在Self-Sizing Cells讨论之列，因此本文不再深入讨论。