如何在CollectionView中创建此布局

Question

您好我想知道我们如何在collectionview中实现这个布局，我们需要放置图片或调整单元格我遵循此链接https://www.raywenderlich.com/107439/uicollectionview-custom-layout-tutorial-pinterest但是在这里他们传递图片大小的项目所以显示不同基于图像大小的项目大小，但我想在图像

中修复这样的布局

任何帮助都会被贬低

提前致谢

Answer 1

使用this超棒控制来实现目标。

使用起来非常简单。

将以下文件添加到您的项目中

customLayout.h
customLayout.m

在您的控制器中导入customLayout以使用

#import "customLayout.h"

并使用

<customLayoutDelegate> 

到您的控制器。

在viewDidLoad方法中编写简单代码

 columncount=2; // How much Columns you required
    miniInteriorSpacing=10; // Minimum Spacing you required

    if(![collectionView.collectionViewLayout isKindOfClass:[customLayout class]]){
        customLayout *layout = [customLayout new];
        layout.delegate=self;
        layout.columnCount=columncount;

        collectionView.collectionViewLayout = layout;

        [collectionView reloadData];
    } 

为了获得Label的高度，我写了一个方法。

-(float)calculateHeightForLbl:(NSString*)text width:(float)width;