Местоположение UICollectionView для дополнительного заголовка - PullRequest
Новая
       8

Местоположение UICollectionView для дополнительного заголовка

0 голосов
/ 22 июня 2019

Я хочу добавить заголовок в разделы представления моей коллекции.У меня есть представление коллекции, встроенное в просмотр таблицы.Использование заголовков разделов табличного представления помещает заголовок слишком далеко от содержимого.Размещение заголовка раздела как части представления коллекции;однако помещает этот заголовок поверх самой ячейки представления коллекции.Я ищу место между заголовком раздела и деталями раздела. 

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
    }

Теперь для ячейки заголовка представления коллекции: 

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)
    }
}

Одна вещь, которую я заметил, добавив цвет фонаСама ячейка заголовка состоит в том, что высота ячейки заголовка равна высоте представления коллекции.Похоже, что в любом случае я не могу отрегулировать высоту ячейки представления заголовка независимо от ячеек представления коллекции.Если я изменяю layout.itemSize, это меняет размер как заголовка, так и содержимого.Если я использую layout.headerReferenceSize, это ничего не меняет.Я также использую метод делегата, как вы можете видеть из кода.Согласно документации, кажется, что она не будет смотреть на высоту в такой горизонтальной прокрутке, как эта.Я также попытался установить рамку ячейки заголовка напрямую, но это игнорируется.

Нет, заголовок моего раздела врезается в мое обычное содержимое в представлении коллекции.Я подозреваю, что это может быть связано с тем, что высота заголовка является высотой представления коллекции, и, следовательно, она позиционируется настолько высоко, насколько это возможно.Я не могу изменить высоту или найти другой способ отделить заголовок от содержимого.

1 Ответ

0 голосов
/ 22 июня 2019

У меня есть аналогичная настройка, и в моем заголовочном файле у меня установлен размер: 

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)
}
...