UICollectionViewFlowLayout 忽略不同高度项目的部分插图 - 错误还是预期？

Posted 2023-03-12

【中文标题】UICollectionViewFlowLayout 忽略不同高度项目的部分插图 - 错误还是预期？

【英文标题】：UICollectionViewFlowLayout ignoring section insets for items of different heights - bug or expected?

【发布时间】：2014-06-11 14:40:05

【问题描述】：

我正在使用 UICollectionViewFlowLayout 并希望应用如下所示的部分插图。我所有的物品都有相同的宽度但不同的高度。当同一部分中的项目具有相同的高度时，插入有效，但当它们在同一部分中的高度不同时无效。这是此布局的预期行为吗？我需要子类化并制作一个自定义的，还是缺少一些东西？

- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section 

    UIEdgeInsets insets = UIEdgeInsetsZero;

    CGFloat big = 30;
    CGFloat small = 10;

    if (section < 5) 
        insets = UIEdgeInsetsMake(0, big, 0, small);
     else 
        insets = UIEdgeInsetsMake(0, small, 0, big);
    

    return insets;

【问题讨论】：

您是否尝试过设置您的集合视图委托的 collectionView:layout:minimumLineSpacingForSectionAtIndex: 和 collectionView:layout:minimumInteritemSpacingForSectionAtIndex: 方法？

它们总是相同的，所以我只是将它们设置为属性值。只是尝试通过委托返回并使用不同的值。没有变化。

【参考方案1】：

由于某种原因，如果每行有一个项目，UICollectionViewFlowLayout 具有将单元格居中的行为。然后它会忽略插入部分。

您可以通过重写 UICollectionViewFlowLayout 并更改以下两个方法来解决此问题：

- (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath

    UICollectionViewLayoutAttributes *attribute = [super layoutAttributesForItemAtIndexPath:indexPath];

    [self fixLayoutAttributeInsets:attribute];

    return attribute;

和

- (NSArray *)layoutAttributesForElementsInRect:(CGRect)rect

    NSArray *results = [super layoutAttributesForElementsInRect:rect];

    for (UICollectionViewLayoutAttributes *attribute in results)
    
        [self fixLayoutAttributeInsets:attribute];
    

    return results;

魔法：

- (void)fixLayoutAttributeInsets:(UICollectionViewLayoutAttributes *)attribute

    if ([attribute representedElementKind])
     //nil means it is a cell, we do not want to change the headers/footers, etc
        return;
    

    //Get the correct section insets
    UIEdgeInsets sectionInsets;

    if ([[[self collectionView] delegate] respondsToSelector:@selector(collectionView:layout:insetForSectionAtIndex:)])
    
        sectionInsets = [(id<UICollectionViewDelegateFlowLayout>)[[self collectionView] delegate] collectionView:[self collectionView] layout:self insetForSectionAtIndex:[[attribute indexPath] section]];
    
    else
    
        sectionInsets = [self sectionInset];
    

    //Adjust the x position of the view, the size should be correct or else do more stuff here
    CGRect frame = [attribute frame];

    frame.origin.x = sectionInsets.left;

    [attribute setFrame:frame];

如果您在一行中有多个单元格，则此解决方案不起作用（并且不需要），因此您应该使用布尔值或您喜欢的任何内容检查这种情况...这只是此场景的一个简单示例

【参考方案2】：

对于不同的高度似乎是不可能的，所以我将单元格设置为全宽并管理单元格类本身的填充逻辑。