以没有中间间距的方式设置 UICollectionViewCell 的大小

Question

我正在使用UICollectionView，我想在其上并排放置七个单元格。应该为此使用整个屏幕。目前，我正在使用集合视图的宽度并将其除以七。现在我在 iPhone 4 上获得了 45.71429 的项目宽度。在一些单元格之间有一个临时间距。我该如何处理？我想填满整个屏幕，所有项目都应该有相同的大小。

我想到的一个选择是将值四舍五入并将剩余的值用作插图。但是没有更好的方法吗？

Answer 1

第 1 步： 实施 UICollectionViewDelegateFlowLayout（如果未完成）。

第二步：使用UICollectionViewDelegateFlowLayout的委托方法。

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize
{
return CGSizeMake((UIScreen.mainScreen().bounds.width)/7,120); //use height whatever you wants.
}

第 3 步：转到您拥有 CollectionView 的 XIB 或 StoryBoard。

第 4 步：在您拥有 CollectionView 的 XIB 或 StoryBoard 中，点击 CollectionView。

第 5 步： 转到 InterfaceBuilder，然后在倒数第二个选项卡（即：Size Inspector）中设置 Min Spacing

对于单元格 = 0

对于线 = 0

那个。

Answer 2

试试这个！

最重要的是，将UICollectionViewDelegateFlowLayout 和UICollectionViewDelegate 添加到您的控制器中

针对您的单元格大小为inset 和sizeForItem 实施以下方法。

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
    return UIEdgeInsetsMake(0, 0, 0, 0)
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    // Here, I need 3 equal cells occupying whole screen width so i divided it by 3.0. You can use as per your need.
    return CGSize(width: UIScreen.main.bounds.size.width/3.0, height: UIScreen.main.bounds.size.width/3.0)                
}

对于单元格之间的 0 间距，我们需要像这样指定它的布局。

let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
layout.sectionInset = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
layout.minimumInteritemSpacing = 0
layout.minimumLineSpacing = 0
self.collectionView!.collectionViewLayout = layout

谢谢。希望这会有所帮助！

Answer 3

正如您已经发现的那样，将 320 点宽的屏幕分成 7 等份是不可能的。

但是，如果一个单元格比另一个单元格大或小半个甚至一个点，没人会注意到。您可以使用一点数学来获得整数像素值（即 0.5 点）。

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
    var size: CGSize!
    let column = indexPath.item % 7
    let width = collectionView.bounds.size.width
    let height = 80.0

    if width == 320.0 {
        // iPhone 5
        // 46 + 0,5 + 45 + 0,5 + 45 + 0,5 + 45 + 0,5 + 45 + 0,5 + 45 + 0,5 + 46
        if column == 0 || column == 6 {
            size = CGSize(width: 46, height: height)
        }
        else {
            size = CGSize(width: 45, height: height)
        }
    }
    else if width == 375.0 {
        // iPhone 6
        // 53 + 0,5 + 53 + 0,5 + 53 + 0,5 + 54 + 0,5 + 53 + 0,5 + 53 + 0,5 + 53
        if column == 3 {
            size = CGSize(width: 54, height: height)
        }
        else {
            size = CGSize(width: 53, height: height)
        }
    }
    else if width == 414.0 {
        // iPhone 6 Plus
        // 58 + 0,5 + 59 + 0,5 + 59 + 0,5 + 59 + 0,5 + 59 + 0,5 + 59 + 0,5 + 58
        if column == 0 || column == 6 {
            size = CGSize(width: 58, height: height)
        }
        else {
            size = CGSize(width: 59, height: height)
        }
    }
    else {
        println("Unhandled Width: \(width)")
        abort()
    }
    return size
}

这只是一个示例，我已经准备好了，因为我目前正在处理日历视图。每个单元格之间有 1 个像素的间距。 对于没有间距的 320 pt 宽的单元格布局，您可以使用类似 45.5+45.5+46+46+46+45.5+45.5

Answer 4

试试这个， 声明这些变量

  NSInteger insets_Top=5;
  NSInteger insets_Bottom=5;
  NSInteger insets_Left=5;
  NSInteger insets_Right=5; 

并添加这些方法

 - (CGSize)collectionView:(UICollectionView *)collectionView layout:   (UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:   (NSIndexPath *)indexPath
{
    CGRect screenRect = [[UIScreen mainScreen] bounds];
    CGFloat screenWidth = screenRect.size.width;
    CGSize img_size=CGSizeMake(screenWidth/num_items-   (insets_Right+insets_Left), screenWidth/num_items);
    return img_size;
}

  - (UIEdgeInsets)collectionView:
 (UICollectionView *)collectionView layout:  (UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:  (NSInteger)section
   {
      return    UIEdgeInsetsMake(insets_Top,insets_Left,insets_Bottom,insets_Right);
   }

这里 num_items=7 在您的情况下，您希望一行中的单元格数为 7