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-01-13 21:56:45

    Ant Design Pro nginx配置

    Ant Design Pro nginx配置 今天看了下Ant和nginx的配置 给大家分享下 下边的配置可以直接使用 修改为自己的域名和文件夹目录就可以

  • 2020-01-13 23:36:35

    webpack之externals详解(精华)

    官网文档解释的很清楚,就是webpack可以不处理应用的某些依赖库,使用externals配置后,依旧可以在代码中通过CMD、AMD或者window/global全局的方式访问。

  • 2020-01-14 00:12:22

    webpack externals详解

    在众多的webpack配置教程中,对externals这个配置选项,总是一带而过,把文档中提到的几种方式都复述一遍,但是对于开发者而言,根本没法完全理解。本文试图通过一整篇文章,详细的对externals这个参数进行讲解。

  • 2020-01-14 01:06:37

    webpack externals 深入理解

    按照官方文档的解释,如果我们想引用一个库,但是又不想让webpack打包,并且又不影响我们在程序中以CMD、AMD或者window/global全局等方式进行使用,那就可以通过配置externals。这个功能主要是用在创建一个库的时候用的,但是也可以在我们项目开发中充分使用。

  • 2020-01-14 01:08:19

    webpack用externals优化echarts

    防止将某些 import 的包(package)打包到 bundle 中,而是在运行时(runtime)再去从外部获取这些扩展依赖(external dependencies)。