UICollectionView 作为 UITableView 子视图流布局循环

Question

我有一个 UITableView，我想在 tableView 的 backgroundView 中添加一个具有水平流布局的 UICollectionView 作为子视图，以实现与 AppStore 相同的效果。这里我有实现代码：

在viewDidLoad中：

UIView *tableViewBackgroundView = [[UIView alloc] initWithFrame:self.view.bounds];
    self.tableView.backgroundView = tableViewBackgroundView;

// HighlightView heightFactor returns the reason which is  9.0/16.0
    CGFloat headerViewHeight = CGRectGetWidth(self.view.frame) * [HighlightView heightFactor];
    self.tableView.contentInset = UIEdgeInsetsMake(headerViewHeight, 0, 0, 0);
    self.headerView = [[HighlightView alloc] initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.view.frame), headerViewHeight)];
    [tableViewBackgroundView addSubview:self.headerView];

HighlightView 是一个内部带有 collectionView 的视图。

但是我遇到了一个问题，当用户与 collectionView 交互时，我开始收到此日志：

请检查委托人返回的值。的行为 UICollectionViewFlowLayout 未定义，因为：项目高度 必须小于 UICollectionView 减去部分的高度 插入顶部和底部值。

这变成了一个循环，即使用户停止交互也不会停止。

HighlightView（CollectionView）代码：

override init(frame: CGRect) {
    super.init(frame: frame)
    self.viewModel.delegate = self
    self.configureHighlightsCollectionView()
}

func configureHighlightsCollectionView() {

    let flowLayout = UICollectionViewFlowLayout()
    flowLayout.scrollDirection = UICollectionViewScrollDirection.Horizontal
    flowLayout.minimumInteritemSpacing = 0
    flowLayout.minimumLineSpacing = 0
    if systemVersion > 8.0 {
        flowLayout.estimatedItemSize = self.frame.size
    }
    flowLayout.itemSize = self.frame.size
    self.highlightsCollectionView = UICollectionView(frame: self.bounds, collectionViewLayout: flowLayout)
    self.highlightsCollectionView.frame = self.bounds
    self.highlightsCollectionView.scrollsToTop = false
    self.highlightsCollectionView.pagingEnabled = true
    self.highlightsCollectionView.registerClass(CachedImageCollectionViewCell.self, forCellWithReuseIdentifier: "ImageCell")
    self.addSubview(self.highlightsCollectionView)

    self.highlightsCollectionView.invalidateIntrinsicContentSize()

    self.highlightsCollectionView.dataSource = self
    self.highlightsCollectionView.delegate = self
    self.highlightsCollectionView.backgroundColor = UIColor.greenColor()

    self.highlightsCollectionView.snp_makeConstraints { (make) -> Void in
        make.top.equalTo(self)
        make.bottom.equalTo(self)
        make.left.equalTo(self)
        make.right.equalTo(self)
    }

}
//Mark: UICollectionViewDataSource
    public func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return self.viewModel.highlightsArray.count
    }

public func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCellWithReuseIdentifier("ImageCell", forIndexPath: indexPath) as! CachedImageCollectionViewCell
    cell.highlightData = self.viewModel.highlightsArray[indexPath.item]
    return cell
}

public func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
    println(self.frame.size)
    return self.frame.size
}

viewModel是一个控制collectionView的数据流向的类。

Answer 1

首先，我认为将视图作为数据源和 UICollection 的委托放在 UIView 子类中并不是一个好主意。您不尊重 MVC 模式。在Introducing iOS Design Pattern 了解有关它的更多信息。您应该将控制器设置为它。

问题是您在 initFrame: 中根据您的视图框架设置 UICollectionViewFlowLayout 的 itemSize。在该方法中，您的 UIView 的框架不正确，因为您使用的是 AutoLayout。你必须等到 AutoLayout 计算出你的视图的布局，所以当 layoutSubviews: 被调用时。在Matt's book 中了解 UIView 和 AutoLayout。它适用于 iOS 6 和 Objective-C，但仍然很棒。