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

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



  • 2020-05-20 22:29:05

    javascript中为何在匿名function函数后面还外加

    它可以解释成为“匿名函数自调用”,也就是说,定义一个匿名函数,然后马上调用它(因为它是匿名的,如果不立即调用就获取不到该函数的引用了)。通常它被应用在一些大型的JS框架中(如上面所说的),因为这个匿名函数的函数体相当于提供一个匿名的名字空间,这样就不会再与用户自定义的JS函数、变量、对象发生冲突了。尽管JS没有显示地提供命名空间的定义和使用机制,但这种匿名方式却不失为是一种很好的解决命名空间问题的方法。

  • 2020-05-20 22:30:14

    js中利用prototype给类添加方法

    你可能会想,这不就是个简单的函数声明?没错,这个函数就是一个类的定义的实现。如何使用这个类呢?看下面的代码:var cls1 = new MyClass(); 这样,利用new就可以生成MyClass的一个实例了。所以在js中可以说函数就是类,类就是函数。

  • 2020-05-21 10:56:53

    fixed z-index失效

    作为一个假的前端,在调试一个页面时出现了如下bug。 左侧的菜单固定为fixed时,二级菜单无法设置有效的z-index,导致菜单隐藏在页面元素之下,明明页面元素的z-index是1,但是无论把菜单的z-index设置为多大,都不管用。