Горизонтальная прокрутка нескольких разделов с помощью UICollectionViewCompositionalLayout - PullRequest
Новая
       12

Горизонтальная прокрутка нескольких разделов с помощью UICollectionViewCompositionalLayout

0 голосов
/ 10 июля 2019

Можно ли использовать UICollectionViewCompositionalLayout для создания горизонтальной прокрутки представления коллекции, содержащей несколько разделов?

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

enter image description here

При следующей компоновке каждая секция складывается вертикально, а каждая прокручивается горизонтально: 

    UICollectionViewCompositionalLayout {
        (sectionIndex: Int, layoutEnvironment: NSCollectionLayoutEnvironment) -> NSCollectionLayoutSection? in

        let leadingItem = NSCollectionLayoutItem(
            layoutSize: NSCollectionLayoutSize(widthDimension: .fractionalWidth(0.7),
                                              heightDimension: .fractionalHeight(1.0)))
        leadingItem.contentInsets = NSDirectionalEdgeInsets(top: 10, leading: 10, bottom: 10, trailing: 10)

        let trailingItem = NSCollectionLayoutItem(
            layoutSize: NSCollectionLayoutSize(widthDimension: .fractionalWidth(1.0),
                                              heightDimension: .fractionalHeight(0.3)))
        trailingItem.contentInsets = NSDirectionalEdgeInsets(top: 10, leading: 10, bottom: 10, trailing: 10)
        let trailingGroup = NSCollectionLayoutGroup.vertical(
            layoutSize: NSCollectionLayoutSize(widthDimension: .fractionalWidth(0.3),
                                              heightDimension: .fractionalHeight(1.0)),
            subitem: trailingItem, count: 2)

        let containerGroup = NSCollectionLayoutGroup.horizontal(
            layoutSize: NSCollectionLayoutSize(widthDimension: .fractionalWidth(0.85),
                                              heightDimension: .fractionalHeight(0.4)),
            subitems: [leadingItem, trailingGroup])
        let section = NSCollectionLayoutSection(group: containerGroup)
        section.orthogonalScrollingBehavior = .continuous

        return section

    }
...