ios - 第一行顶部间距 UICollectionViewCell

Question

当我有不同的 UICollectionViewCell 高度时，我无法将第一行与顶部对齐，但我不知道为什么。 minimumLineSpacingForSectionAtIndex 方法似乎不起作用。

这是我的结果:

如您所见，第一行未与顶部对齐。

这是我的代码:

- (void)viewDidLoad
{
...
FlowLayout *flowLayout = [[FlowLayout alloc] init];
flowLayout.itemSize = CGSizeMake(152, 260);
flowLayout.sectionInset = UIEdgeInsetsMake( 5, 5, 5, 5);
flowLayout.scrollDirection = UICollectionViewScrollDirectionVertical;
self.collectionView.collectionViewLayout = flowLayout;
...
}

- (CGSize)collectionView:(UICollectionView *)collectionView layout:
(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)
indexPath{

if (indexPath.row == 0)
    return CGSizeMake(152, 200);
if (indexPath.row == 1)
    return CGSizeMake(152, 270);

return CGSizeMake(152, 300);
}

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:
(UICollectionViewLayout*)collectionViewLayout    
minimumInteritemSpacingForSectionAtIndex:(NSInteger)section {

return 5.0;

}

- (CGFloat)collectionView:(UICollectionView *)collectionView 
layout:(UICollectionViewLayout*)collectionViewLayout 
minimumLineSpacingForSectionAtIndex:(NSInteger)section {

return 8.0;

}

这是我的 FlowLayout 的代码:

@implementation FlowLayout

- (NSArray *)layoutAttributesForElementsInRect:(CGRect)rect 
{
NSMutableArray *result = [NSMutableArray array];
NSInteger sectionCount = 1;
if ([self.collectionView.dataSource respondsToSelector:@selector(numberOfSectionsInCollectionView:)])
{
    sectionCount = [self.collectionView.dataSource numberOfSectionsInCollectionView:self.collectionView];
}
for (int s = 0; s < sectionCount; s++)
{
    NSInteger itemCount = [self.collectionView.dataSource collectionView:self.collectionView numberOfItemsInSection:s];
    for (int i = 0; i < itemCount; i++)
    {
        NSIndexPath *indexPath = [NSIndexPath indexPathForItem:i inSection:s];
        UICollectionViewLayoutAttributes *layoutAttributes = 
        [self layoutAttributesForSupplementaryViewOfKind:UICollectionElementKindSectionHeader atIndexPath:indexPath];
        if (layoutAttributes != nil) {
            [result addObject:layoutAttributes];
        }
        UICollectionViewLayoutAttributes *layout = [self layoutAttributesForItemAtIndexPath:indexPath];
        if (CGRectIntersectsRect(rect, layout.frame))
        {
            [result addObject:layout];
        }
    }
}
return result;
}


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

if (indexPath.item == 0 || indexPath.item == 1) // degenerate case 1, first item of section
    return atts;

NSIndexPath* ipPrev =
[NSIndexPath indexPathForItem:indexPath.item-2 inSection:indexPath.section];

CGRect fPrev = [self layoutAttributesForItemAtIndexPath:ipPrev].frame;
CGFloat rightPrev = fPrev.origin.y + fPrev.size.height + 10;
if (atts.frame.origin.y <= rightPrev) // degenerate case 2, first item of line
    return atts;

CGRect f = atts.frame;
f.origin.y = rightPrev;
atts.frame = f;
return atts; 
}

- (BOOL) shouldInvalidateLayoutForBoundsChange:(CGRect)newBound {
return YES;
}

Answer 1

您遇到的是使用 UICollectionViewFlowLayout 时的正常单元格放置。

您必须调整流布局返回的布局属性。为此，覆盖 layoutAttributesForElementsInRect: 方法和任何返回布局属性的方法。修改父类提供的属性，然后返回。您必须修改的属性是 frame。

一个很好的例子是 Apple 的示例代码 - Custom Layouts: A Worked Example

附加布局实现后更新。

在 layoutAttributesForItemAtIndexPath: 方法中，您似乎没有调整第一项(索引 0)的 frame。您正在返回从父类获得的属性。将项目 0 的框架的 origin.y 更改为 0。