swift - UICollectionView 补充 header 的位置

Question

我希望在我的 Collection View 的部分上放置一个标题。我有一个嵌入在 tablebview 中的 collectionview 。使用 TableView 的节标题会使标题离内容太远。将节标题作为 Collection View 的一部分；但是，将该标题放在 Collection View 单元本身的顶部。我正在寻找节标题和节详细信息之间的一些空间。

func setup() {
        let layout = UICollectionViewFlowLayout()
        layout.itemSize = THUMB_SIZE
        layout.minimumLineSpacing = 25
        layout.sectionInset.right = layout.itemSize.width / 2
        layout.scrollDirection = .horizontal
        collectionView = UICollectionView(frame: self.bounds, collectionViewLayout: layout)
        collectionView.backgroundColor = UIColor(named: "collectionView")
        collectionView.delegate = self
        collectionView.dataSource = self
        collectionView.remembersLastFocusedIndexPath = true
        collectionView.register(MainCVCell.self, forCellWithReuseIdentifier: "cvCell")
        self.addSubview(collectionView)

        self.collectionView.register(HeaderCVCell.self, forCellWithReuseIdentifier: "headerCell")
    }

    // MARK: - Collectionview Delegate & Datasource

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return topics.shows.count
    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cvCell", for: indexPath) as! MainCVCell

        cell.show = topics.shows[indexPath.row]
        cell.selectedIndex = indexPath.row

        return cell
    }

    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
        delegate.selectedMedia(showID: topics.shows[indexPath.row])
    }

    func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView {
        let footerView = collectionView.dequeueReusableCell(withReuseIdentifier: "headerCell", for: indexPath)
        if kind == UICollectionView.elementKindSectionHeader {
            let headerView = collectionView.dequeueReusableCell(withReuseIdentifier: "headerCell", for: indexPath) as! HeaderCVCell
            headerView.headerText = topics.title
            return headerView
        } else {
            return footerView
        }
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForHeaderInSection section: Int) -> CGSize {
        return CGSize(width: 172, height: 60)
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForFooterInSection section: Int) -> CGSize {
        return .zero
    }

现在对于 Collection View 标题单元格:

class HeaderCVCell: UICollectionViewCell {

    var headerText:String! {
        didSet {
            setup()
        }
    }

    override init(frame: CGRect) {
        super.init(frame: frame)
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    private func setup() {
        let headerLabel = UILabel()
        headerLabel.text = headerText
        headerLabel.textColor = .white
        headerLabel.sizeToFit()

        self.subviews.forEach {$0.removeFromSuperview()}
        self.addSubview(headerLabel)
    }
}

通过在标题单元格本身上放置背景颜色，我注意到的一件事是标题单元格的高度等于 Collection View 的高度。但无论如何，我似乎无法独立于 Collection View 单元格来调整标题 View 单元格的高度。如果我更改layout.itemSize，它会更改标题和内容的大小。如果我使用layout.headerReferenceSize，它不会改变任何东西。正如您从代码中看到的那样，我还使用了委托(delegate)方法。根据文档，在这样的水平滚动情况下，它似乎不会查看高度。我也尝试过直接设置标题单元格的框架，但这被忽略了。

Net，我的节标题崩溃到 Collection View 中的常规内容中。我怀疑这可能是因为标题的高度是 Collection View 的高度，因此它被定位得尽可能高。我无法更改高度，也无法找到任何其他方法将标题与内容分开。

Answer 1

我有一个类似的设置，在我的头文件中，我设置了大小:

override func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    return CGSize(width: frame.width / 2 + 60, height: frame.height)
}

而且，如果您想创建一些间距，可以使用插图。将顶部设置为负数应该在标题后显示一些空格。

    override func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
    return UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
}