美文网首页
UICollectionView的self-sizing

UICollectionView的self-sizing

作者: 安静等待_ | 来源:发表于2017-05-10 18:14 被阅读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)

    有什么缺点

    • 牺牲一点点性能呗,毕竟要自己去计算宽高嘛;
    • 不能像tableView一样选择性的指定哪些cell使用self-sizing技术,哪些还是指定宽高;至少8.0和9.0的系统不行
    • 如果你想使用reloadItemsAtIndexPaths,你会很蛋疼的发现,其他cell尺寸会闪烁;reloadData是没有问题的;可能是还有什么别的地方要设置我没注意

    相关文章

      网友评论

          本文标题:UICollectionView的self-sizing

          本文链接:https://www.haomeiwen.com/subject/wkbgtxtx.html