UICollectionView的self-sizing

2017-05-10  本文已影响953人  安静等待_

比较忙,这里就简单的写一写:

首先来说一下collectionView self-sizing的基本步骤:

1.首先必须要设置flowLayout.estimatedItemSize,就像tableView首先要设置UITableViewAutomaticDimension一样。 否则collectionView不会认为你想self-sizing.

2.使用约束对cell进行你想要的任何布局;假如你的cell是屏幕宽度,那么注意必须要添加cell底部到它上方控件的约束,否则你怎么搞都不管用。如果你的高度固定,宽度只有变化,那么就是左右的约束必须要添加;

3.不同于tableView,只要你约束建的到位,你完成前两个步骤后就可以了。但是你会发现collectionViewCell这时候不行,就是把高度撑不起来;所以接下来你还得这么干:

4.实现以下方法:

// cellForItem之后,willDisplayCell..之前会调用该方法为cell的显示做准备;
- (UICollectionViewLayoutAttributes *)preferredLayoutAttributesFittingAttributes:(UICollectionViewLayoutAttributes *)layoutAttributes
{    
    //以下代码是self-Sizing必须的
    CGSize newSize = layoutAttributes.frame.size;
//    newSize.height = [self systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height;
    newSize.height = [self systemLayoutSizeFittingSize:UILayoutFittingCompressedSize withHorizontalFittingPriority:UILayoutPriorityFittingSizeLevel verticalFittingPriority:UILayoutPriorityFittingSizeLevel].height;
    layoutAttributes.size = newSize;
    return layoutAttributes;
}

这时候再运行后你会神奇的发现,所有高度都变好了。但是,你以为这样就行了吗?假如这时候你的页面有上拉加载和下拉刷新功能,你先上拉记载新的一页,然后下拉刷新。卧槽,怎么crash了!!!???报错的那个log日子日志我就不说了,自己看去。我来告诉你怎么解决这个问题;

5.下拉刷新的时候会把某些cell给干掉,那些被干掉的cell还想布局,所以会导致这个crash,你说要做的仅仅是在reloadData之前调用一下这个方法:

[flowLayout invalidateLayout]
[self reloadData];

告诉collectionView你该重新布局了。这样就完全OK了。

什么时候使用self-Sizing?

只要你想,并且你的构建约束的能力没问题!

为什么要使用self-sizing?

爽啊,再也不用计算cell的宽高啦!就像下面这个还没开发完的界面
![](./Simulator Screen Shot 2017年5月10日 下午5.50.00.png)

有什么缺点

上一篇 下一篇

猜你喜欢

热点阅读