Avez-vous utilisé la mise en page compositionnelle dans vos projets et pouvez-vous partager votre expérience de sa mise en œuvre?

La mise en page compositionnelle est un outil puissant pour créer des collections complexes et adaptatives sur iOS, apparu dans iOS 13. Elle permet de décrire et de combiner différentes sections avec des mises en page variées, ce qui simplifie considérablement la création d'interfaces flexibles.

Dans mes projets, j'ai utilisé la mise en page compositionnelle pour réaliser des écrans avec plusieurs types de cellules et sections, comme un fil d'actualités avec des listes horizontales et verticales, ainsi que des grilles. L'avantage principal est la possibilité de décrire de manière déclarative la structure et le comportement de chaque section, ce qui facilite la maintenance et l'extension.

Exemple de création d'une section simple avec défilement horizontal:

let itemSize = NSCollectionLayoutSize(widthDimension: .fractionalWidth(0.3), heightDimension: .fractionalHeight(1.0))
let item = NSCollectionLayoutItem(layoutSize: itemSize)

let groupSize = NSCollectionLayoutSize(widthDimension: .fractionalWidth(1.0), heightDimension: .absolute(150))
let group = NSCollectionLayoutGroup.horizontal(layoutSize: groupSize, subitems: [item])

let section = NSCollectionLayoutSection(group: group)
section.orthogonalScrollingBehavior = .continuous

let layout = UICollectionViewCompositionalLayout(section: section)
collectionView.collectionViewLayout = layout

Cette approche a permis de créer rapidement des interfaces complexes sans avoir à calculer manuellement les tailles et positions des éléments.