Какие знаешь стандартные Layout для CollectionView?

Основные Layout для UICollectionView

UICollectionViewLayout — это абстрактный базовый класс, определяющий организацию элементов в коллекции. На практике используются его конкретные реализации, основная из которых — UICollectionViewFlowLayout.

UICollectionViewFlowLayout

Самый распространенный и стандартный layout, который организует элементы в виде сетки с возможностью прокрутки по вертикали или горизонтали. Основные возможности:

• Линейное расположение элементов в секциях
• Настраиваемые интервалы между элементами и секциями
• Различные размеры для ячеек и хедеров/футеров
• Поддержка разных направлений прокрутки

Пример базовой настройки FlowLayout:

let layout = UICollectionViewFlowLayout()
layout.scrollDirection = .vertical
layout.itemSize = CGSize(width: 100, height: 100)
layout.minimumLineSpacing = 10
layout.minimumInteritemSpacing = 5
layout.sectionInset = UIEdgeInsets(top: 20, left: 20, bottom: 20, right: 20)

let collectionView = UICollectionView(frame: .zero, collectionViewLayout: layout)

Композиционные Layout (UICollectionViewCompositionalLayout)

Представлен в iOS 13 — это современный, мощный и декларативный подход к созданию сложных макетов. Его ключевые особенности:

• Декларативный API для описания макета
• Вложенные группы (nested groups) для создания сложных структур
• Поддержка ортоганальной прокрутки (orthogonal scrolling)
• Раздельная конфигурация для разных секций

Пример создания compositional layout с горизонтальной прокруткой секций:

let layout = UICollectionViewCompositionalLayout { sectionIndex, layoutEnvironment in
    // Конфигурация для конкретной секции
    let itemSize = NSCollectionLayoutSize(
        widthDimension: .fractionalWidth(1.0),
        heightDimension: .fractionalHeight(1.0)
    )
    let item = NSCollectionLayoutItem(layoutSize: itemSize)
    
    let groupSize = NSCollectionLayoutSize(
        widthDimension: .fractionalWidth(0.9),
        heightDimension: .absolute(200)
    )
    let group = NSCollectionLayoutGroup.horizontal(
        layoutSize: groupSize,
        subitem: item,
        count: 2
    )
    
    let section = NSCollectionLayoutSection(group: group)
    section.orthogonalScrollingBehavior = .continuous
    
    return section
}

Кастомные Layout (наследование от UICollectionViewLayout)

Когда стандартные layout недостаточны, можно создать полностью кастомный макет. Основные сценарии использования:

• Нестандартное расположение элементов (например, круговое или каскадное)
• Специфическая анимация появления/исчезновения элементов
• Сложная логика кэширования атрибутов
• Оптимизация производительности для специфических случаев

Базовый пример кастомного layout:

class CustomLayout: UICollectionViewLayout {
    private var cache: [UICollectionViewLayoutAttributes] = []
    
    override func prepare() {
        super.prepare()
        // Расчет и кэширование layout attributes
    }
    
    override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        return cache.filter { $0.frame.intersects(rect) }
    }
    
    override func layoutAttributesForItem(at indexPath: IndexPath) -> UICollectionViewLayoutAttributes? {
        return cache.first { $0.indexPath == indexPath }
    }
    
    override var collectionViewContentSize: CGSize {
        return CGSize(width: contentWidth, height: contentHeight)
    }
}

Сравнительная характеристика layout

Когда использовать каждый из layout:

• FlowLayout — для простых сеток, списков, когда нужна минимальная конфигурация
• CompositionalLayout — для современных интерфейсов с разными типами секций, когда нужна гибкость и поддержка ортоганальной прокрутки
• Кастомный layout — для уникальных дизайнерских решений, когда ни один стандартный layout не подходит

Ключевые различия в API

1. Производительность: CompositionalLayout оптимизирован для сложных интерфейсов
2. Гибкость: CompositionalLayout позволяет легко комбинировать разные типы секций
3. Поддержка ортоганальной прокрутки: Только в CompositionalLayout есть встроенная поддержка
4. Сложность реализации: FlowLayout самый простой, кастомный — самый сложный

Современные тренды и рекомендации

Для новых проектов рекомендуется использовать CompositionalLayout, так как он:

• Предоставляет более выразительный API
• Лучше поддерживает адаптивные интерфейсы
• Имеет встроенные оптимизации
• Позволяет создавать сложные макеты с меньшими усилиями

FlowLayout остается хорошим выбором для:

• Простых списков или сеток
• Поддержки старых версий iOS (до iOS 13)
• Когда не нужна сложная структура секций

В реальных проектах часто встречается комбинация подходов: например, использование CompositionalLayout с кастомными атрибутами или создание гибридных решений для специфических требований дизайна.