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-06-20 06:31:39

    Android 无线调试手机(WiFi 调试)

    手机需要开启 USB 调试 手机和电脑要在同一个局域网(连接同一个 WiFi) adb connect 连接成功后要拔出 USB 线,不然出现同时连接两个设备的问题 执行命令 ”adb tcpip 6666“ 后可能需要重新开启 USB 调试

  • 2020-08-16 16:09:30

    android WebView 注入js 几种方式

    有时我们开发中需要将js 注入到我们本地,有可能你会说,放在Web不就可以了吗,的确,但是需求就是这样的

  • 2020-11-05 23:20:29

    mac更新node版本

    initializer function 0x0 not in mapped image for /usr/local/bin/node,除了上面的问题 你或许还出现过 no such file or directory 这样的提示,总之更新完以后node直接不能用了。

  • 2020-11-07 16:31:02

    nginx配置X-Frame-Options允许多个域名iframe嵌套

    有时候我们需要允许多个url的来源,但是又不能全部开放,所以应该匹配第三种方法ALLOW-FROM url,那么多个url该如何配置呢,百度了所有网站都没有找到,那么这里写给大家,其实很简单: add_header X-Frame-Options 'ALLOW-FROM https://xxx.xxxxxx.com https://xxx2.xxxxxxx.com'; 就是使用空格隔开就好了!

  • 2020-11-08 08:31:51

    meteor在不同端口启动服务

    当没有任何参数时,run是默认行为,在幕后,它3000端口开启node.js服务器实例,同时开启监听3001端口的MongoDB服务