UICollectionView 的大小有时是错误的

Question

这是我的问题：我正在 iOS (http://forum.kodi.tv/showthread.php?tid=235973) 上开发 Kodi Remote，一切运行良好（经典开发），但我的行为无法解释。

我有多个视图控制器；在其中一个（包含 UICollectionView 的 UIViewController）中，我实现了这个委托方法：

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath
{
    CGSize originalSize = [(UICollectionViewFlowLayout *)collectionViewLayout itemSize];
    CGSize collectionViewSize = [collectionView frame].size;

    CGFloat interItemSpacing = [(UICollectionViewFlowLayout *)collectionViewLayout minimumInteritemSpacing];

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

    CGFloat usableWidth = (collectionViewSize.width - ((kColumns - 1) * interItemSpacing) - sectionInset.left - sectionInset.right);
    CGFloat width =  usableWidth / kColumns;
    CGFloat height = width * originalSize.height / originalSize.width;

    return CGSizeMake(width, height);
}

我得到了集合视图框架（边界是相同的，当然，我不需要原点）并且效果很好。我在 iPhone 5 模拟器上安装了 288 宽度的任何高度。

但是，在情节提要中视图控制器的复制粘贴中，我得到了 304 宽度。最奇怪的行为是使用 FLEX，在渲染之后，集合视图的尺寸为 288 像素。

“唯一”的区别是第一个视图控制器只是被推送，第二个包含在 UITabBarController 中。

PS：我说的第一个屏幕是第三和第四个屏幕截图。

如果有人对此有解释，我会接受;)

更新 1：

如果我在 - (void)viewDidLayoutSubviews 中使集合视图布局无效，则项目被正确绘制但就像一个闪光，因为整个集合视图被重绘（下面的标题和项目）。

Answer 1

- (CGSize)collectionView:(UICollectionView *)collectionView
                  layout:(UICollectionViewLayout*)collectionViewLayout
  sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
      return CGSizeMake(self.collectionView.frame.size.width,
                        self.collectionView.frame.size.height);
}

并取消选中“限制到边距”并单击所有带虚线的红色限制 所以 -8 填充将在 iPhone 6+ 中消失

Answer 2

故事板

当您使用Storyboard 解决问题时，这很有意义。首先，您将清楚地了解您正在设计的内容。其次，您可以用 0 行代码构建您的应用程序，从而导致 0 个错误。

父UITabBarController 和一组UINavigationController 是一种常见的设计模式，只有当您按照以下方式实现它时，您才能获得正确的UI 行为。

代码

您不必使用Storyboard 来创建上面的层次结构。您可以以编程方式将每个 UIViewController 嵌入到 UINavigationController 中。

---

► 在GitHub 上查找此解决方案，在Swift Recipes 上查找更多详细信息。