我有一个带有流式布局的 UICollectionView，每个单元格都是一个正方形。如何确定每行每个单元格之间的间距？我似乎找不到合适的设置。我看到 nib 文件中有一个用于 Collection View 的最小间距属性，但我将其设置为 0，单元格甚至不会粘住。

还有什么想法吗？

最佳答案

更新:此答案的 Swift 版本:https://github.com/fanpyi/UICollectionViewLeftAlignedLayout-Swift

服用@matt's lead我修改了他的代码以确保项目总是左对齐。我发现如果一个项目本身就在一行上，它将以流布局为中心。我做了以下更改来解决这个问题。

只有当单元格的宽度不同时才会发生这种情况，这可能会导致如下布局。由于 UICollectionViewFlowLayout 的行为，最后一行总是左对齐，问题在于除了最后一行之外的任何一行中的项目。

使用我看到的@matt 的代码。

在该示例中，我们看到如果单元格最终自己位于行上，则单元格会居中。下面的代码确保您的 Collection View 看起来像这样。

#import "CWDLeftAlignedCollectionViewFlowLayout.h"

const NSInteger kMaxCellSpacing = 9;

@implementation CWDLeftAlignedCollectionViewFlowLayout

- (NSArray *)layoutAttributesForElementsInRect:(CGRect)rect {
    NSArray* attributesToReturn = [super layoutAttributesForElementsInRect:rect];
    for (UICollectionViewLayoutAttributes* attributes in attributesToReturn) {
        if (nil == attributes.representedElementKind) {
            NSIndexPath* indexPath = attributes.indexPath;
            attributes.frame = [self layoutAttributesForItemAtIndexPath:indexPath].frame;
        }
    }
    return attributesToReturn;
}

- (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath {
    UICollectionViewLayoutAttributes* currentItemAttributes =
    [super layoutAttributesForItemAtIndexPath:indexPath];

    UIEdgeInsets sectionInset = [(UICollectionViewFlowLayout *)self.collectionView.collectionViewLayout sectionInset];

    CGRect currentFrame = currentItemAttributes.frame;

    if (indexPath.item == 0) { // first item of section
        currentFrame.origin.x = sectionInset.left; // first item of the section should always be left aligned
        currentItemAttributes.frame = currentFrame;

        return currentItemAttributes;
    }

    NSIndexPath* previousIndexPath = [NSIndexPath indexPathForItem:indexPath.item-1 inSection:indexPath.section];
    CGRect previousFrame = [self layoutAttributesForItemAtIndexPath:previousIndexPath].frame;
    CGFloat previousFrameRightPoint = CGRectGetMaxX(previousFrame) + kMaxCellSpacing;

    CGRect strecthedCurrentFrame = CGRectMake(0,
                                              currentFrame.origin.y,
                                              self.collectionView.frame.size.width,
                                              currentFrame.size.height);

    if (!CGRectIntersectsRect(previousFrame, strecthedCurrentFrame)) { // if current item is the first item on the line
        // the approach here is to take the current frame, left align it to the edge of the view
        // then stretch it the width of the collection view, if it intersects with the previous frame then that means it
        // is on the same line, otherwise it is on it's own new line
        currentFrame.origin.x = sectionInset.left; // first item on the line should always be left aligned
        currentItemAttributes.frame = currentFrame;
        return currentItemAttributes;
    }

    currentFrame.origin.x = previousFrameRightPoint;
    currentItemAttributes.frame = currentFrame;
    return currentItemAttributes;
}

@end

关于iphone - 如何确定 UICollectionView flowLayout 中单元格之间的间距，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13017257/