Question

我有一个集合视图，它是自己的委托和数据源，并且具有如下定义的布局：

- (id)initWithCoder:(NSCoder *)aDecoder{ 
    self = [super initWithCoder:aDecoder];
    if (self){
        self.dataSource = self;
        self.delegate = self;
        UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];
        layout.minimumLineSpacing = 0;
        layout.sectionInset = UIEdgeInsetsMake(0, 8, 0, 8);
        layout.scrollDirection = UICollectionViewScrollDirectionHorizontal;
        layout.footerReferenceSize = CGSizeMake(1, 70);
        layout.itemSize = CGSizeMake(60, 70);
        layout.minimumInteritemSpacing = 4.0f;
        [self setCollectionViewLayout:layout];
    }
    return self;
}

除了minimalinteritemspacing之外，代码运行正常。

结果是一个集合视图，其中每个部分中的项目根本没有任何间距。

我设定的最小间距值应向上调整，而不是向下，正确？

那么为什么我看到的结果就像这个屏幕中的那个？（我为每个收集品着色，以便明确没有间距）

CollectionView

有关详细信息，这里是我记录的帧，您可以看到第三个项目恰好在第二个项目之后开始（145像素= 85（previousitem.x）+ 60（previousitem.width））没有间距。

2014-04-22 10:25:49.954 App[15172:60b] self <PhotoIndexCollectionViewCell: 0x16576630; baseClass = UICollectionViewCell; frame = (8 0; 60 70); layer = <CALayer: 0x165777a0>>

2014-04-22 10:25:49.955 App[15172:60b] self <PhotoIndexCollectionViewCell: 0x16578380; baseClass = UICollectionViewCell; frame = (85 0; 60 70); layer = <CALayer: 0x16578520>>

2014-04-22 10:25:49.955 App[15172:60b] self <PhotoIndexCollectionViewCell: 0x16586620; baseClass = UICollectionViewCell; frame = (145 0; 60 70); layer = <CALayer: 0x165866c0>>

我在这里误解了什么？

我甚至尝试添加这个实际为每个部分调用的方法，但结果是一样的。

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section{
    return 4.0f;
}

Answer 1

您可以使用以下Delegate方法设置间距：

// Layout: Set cell size
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {

 //    NSLog(@"SETTING SIZE FOR ITEM AT INDEX %ld", (long)indexPath.row);
       CGSize mElementSize = CGSizeMake(150, 36);
       return mElementSize;
}

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section {
       return 3.0;
}

 - (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section {
      return 7.0;
  }

// Layout: Set Edges
 - (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section {
   // return UIEdgeInsetsMake(0,8,0,8);  // top, left, bottom, right
      return UIEdgeInsetsMake(0,0,0,0);  // top, left, bottom, right
}

Answer 2

如苹果文档中所述，空间可能会向向上调整 - 但它看起来也可能向下调整。老实说，我真的不明白为什么，也没有时间去调查这个问题（我正面临问题，必须完成我的工作;）） - 这可能只是Apple布局中的一个错误，因为它呈现得如此简单

https://developer.apple.com/documentation/uikit/uicollectionviewflowlayout/1617706-minimuminteritemspacing?changes=latest_minor

无论如何，我认为有两种方法可以解决这个问题：

1 - 通过添加所有项目宽度（如果宽度不固定）或将其设置为（itemWidth + minimumSpace）* numberOfItems + minimumSpace（用于第一次填充）来计算集合容器边界（在viewDidLayout函数中？）

2 - 激进的方式（我选择的方式）：我将我的单元格内容嵌入到我想要的数量的视图中。它不会失败。

干杯全部

UICollectionView单元格根本不是间距

2 个答案: