UICollectionViewCell cell高度自适应

2021-01-24 09:50:16

参考地址 关于UICollectionViewCell 高度自适应的问题


进击的KFC: OC实现UICollectionViewCell自适应文字宽度

本来想使用UICollectionView来作为整体的布局,并且不再使用UITableView,但是发现高度不固定的布局,UICollectionView没啥优势呀,至少我没找到好的方法,从网上看的是,要自定义cell,并且继承

preferredLayoutAttributesFittingAttributes

这个,才能实现。

我看比较玛法,还是放弃了。使用UITtableview吧。

哎。


对于UICollectionView各个cell的高度因为内容不同的时候,不能设置固定的size,而如何使其自适应高度,网络上的资料并不是很多,这可能是引起大家还是用tableView比较多一些吧
下面就说一下我的解决方法

在自定义cell中加入如下代码

- (UICollectionViewLayoutAttributes*)preferredLayoutAttributesFittingAttributes:(UICollectionViewLayoutAttributes*)layoutAttributes {
    [self setNeedsLayout];
    [self layoutIfNeeded];
    CGSize size = [self.contentView systemLayoutSizeFittingSize: layoutAttributes.size];
    CGRect cellFrame = layoutAttributes.frame;
    cellFrame.size.height= size.height;
    layoutAttributes.frame= cellFrame;
    return layoutAttributes;}

当然你必须已经在cell中加了相应的约束,并且需要在layout中设置estimatedItemSize,设置的estimatedItemSize的width和约束的宽度最好一致。

这种方法对于同一种cell没什么问题了,但若是多种cell,比如第一个是整个屏幕的宽度,而其他的是屏幕宽度的一半或其他尺寸,你需要在每个cell中加上如上方法,然后使其左对齐(或者右对齐 居中)。对齐方法有很多,可以参考这个  demo

这个问题以前解决过,现在有人问到我,发现自己也记得不是很清楚,特此记录一下。



  • 2019-12-03 15:50:00

    html5 audio stop功能

    html5并没有提供停止功能,我们需要通过其他方式来实现这个问题,下面我们来看下神仙般的操作。

  • 2019-12-03 16:33:49

    hapi,nuxtjs跨域请求

    简单请求 与 预检请求,Fetch 与 CORS 的一个有趣的特性是,可以基于 HTTP cookies 和 HTTP 认证信息发送身份凭证。一般而言,对于跨域 XMLHttpRequest 或 Fetch 请求,浏览器不会发送身份凭证信息。如果要发送凭证信息,需要设置 XMLHttpRequest 的某个特殊标志位。

  • 2019-12-03 16:36:03

    跨域资源共享 CORS 详解

    阮一峰大哥的文章写的不错,推荐,也推荐他的整个王章,大家可以去看一下啊。

  • 2019-12-03 16:37:01

    去除options,减少options的访问

    因为跨域请求,浏览器可能(后面讲)会发送一次options请求,如果处理不好,跨域还是会gg的。 之前很少涉及跨域,涉及也是简单请求(下面阮老师文章中区别热简单请求和复杂请求),所以基本不会很少关注options。后面就遇到坑了,下面讲讲注意点。