По горизонтали UICollectionViewCompositionalLayout отображение заголовков разделов над ячейками элементов - PullRequest
Новая
       72

По горизонтали UICollectionViewCompositionalLayout отображение заголовков разделов над ячейками элементов

0 голосов
/ 03 апреля 2020

Я пытаюсь использовать UICollectionViewCompositionalLayout для создания этого дизайна:

UICollectionViewCompositionalLayout desired layout

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

Это мой макет прямо сейчас: 

private lazy var collectionViewLayout: UICollectionViewLayout = {
    let sectionWidth: CGFloat = 256.0

    let layoutItemSize = NSCollectionLayoutSize(widthDimension: .fractionalWidth(1.0), heightDimension: .estimated(50.0))
    let layoutItem = NSCollectionLayoutItem(layoutSize: layoutItemSize)

    let layoutGroupSize = NSCollectionLayoutSize(widthDimension: .absolute(sectionWidth), heightDimension: .fractionalHeight(1.0))
    let layoutGroup = NSCollectionLayoutGroup.vertical(layoutSize: layoutGroupSize, subitems: [layoutItem])
    layoutGroup.interItemSpacing = .fixed(8.0)

    let layoutSectionHeaderItemSize = NSCollectionLayoutSize(widthDimension: .absolute(sectionWidth), heightDimension: .absolute(150.0))
    let layoutSectionHeaderItem = NSCollectionLayoutBoundarySupplementaryItem(layoutSize: layoutSectionHeaderItemSize, elementKind: UICollectionView.elementKindSectionHeader, alignment: .top)

    let layoutSection = NSCollectionLayoutSection(group: layoutGroup)
    layoutSection.contentInsets = NSDirectionalEdgeInsets(top: 24.0, leading: 24.0, bottom: 24.0, trailing: 24.0)
    layoutSection.boundarySupplementaryItems = [layoutSectionHeaderItem]
    layoutSection.interGroupSpacing = 8.0

    let layoutConfiguration = UICollectionViewCompositionalLayoutConfiguration()
    layoutConfiguration.scrollDirection = .horizontal
    layoutConfiguration.interSectionSpacing = 16.0

    return UICollectionViewCompositionalLayout(section: layoutSection, configuration: layoutConfiguration)
}()

Результат:

UICollectionViewCompositionalLayout actual layout

Есть идеи, где я ошибаюсь?

...