iOS中UICollectionView自适应

Posted 2023-04-08

参考技术A 1、效果图：

2、配置collection

- (UICollectionView *)collectionView

    if (!_collectionView)

        UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc]init];

  layout.estimatedItemSize = UICollectionViewFlowLayoutAutomaticSize;// 自适应

        if([layoutrespondsToSelector:@selector(_setRowAlignmentsOptions:)]) // cell的对齐方式

            [layoutperformSelector:@selector(_setRowAlignmentsOptions:)withObject:@@"UIFlowLayoutCommonRowHorizontalAlignmentKey":@(NSTextAlignmentLeft)];

       

        _collectionView = [[UICollectionView alloc] initWithFrame:CGRectZero collectionViewLayout:layout];

   

    return _collectionView;



3、获取collectionView的总高度

self.collectionView.collectionViewLayout.collectionViewContentSize.height;

4、关于cell，不要在layoutsubViews里适配，直接在init适配

  [self.titleLabel mas_makeConstraints:^(MASConstraintMaker *make)

            make.edges.equalTo(self.contentView).insets(UIEdgeInsetsMake(10, 12, 10, 12));

        ];

iOS小技能：UICollectionView的自适应案例详解：（商品详情页）文中包含完整demo源码

文章目录

• 引言
• I 原理
• • 1.1 按照图片的原来宽高比进行缩
  • • 划重点
  • 1.2 UICollectionView的高度自适应的原理
• 实现
• • 2.1 核心实现步骤
  • 2.1 完整demo源码
• III 、see also
• • 3.1、图片水印
  • 3.2、图片裁剪
  • 3.3 other

引言

需求：要求图片展示不变形，比如商品详情页。
核心原理：按照图片的原宽高比例进行显示图片全部内容，并自动适应高度
demo效果