В чем разница между TableView и CollectionView?

Основные различия между UITableView и UICollectionView

UITableView и UICollectionView — это два фундаментальных компонента UIKit для отображения прокручиваемых списков данных, но они имеют ключевые архитектурные и функциональные различия.

Архитектура и компоновка

UITableView работает с одномерной линейной компоновкой:

• Строго вертикальная или горизонтальная прокрутка
• Данные организованы в секции и строки
• Каждая ячейка (UITableViewCell) занимает всю ширину таблицы

// Пример настройки UITableView
class SimpleTableViewController: UITableViewController {
    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return items.count
    }
    
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
        cell.textLabel?.text = items[indexPath.row]
        return cell
    }
}

UICollectionView использует гибкую систему компоновки (layout):

• Поддерживает двумерные сетки и сложные аранжировки
• Данные организованы в секции и элементы (items)
• Требует отдельного объекта UICollectionViewLayout

// Пример настройки UICollectionView с FlowLayout
class GridViewController: UICollectionViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        let layout = UICollectionViewFlowLayout()
        layout.itemSize = CGSize(width: 100, height: 100)
        layout.minimumLineSpacing = 10
        collectionView.collectionViewLayout = layout
    }
    
    override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return items.count
    }
    
    override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Cell", for: indexPath) as! CustomCollectionCell
        cell.configure(with: items[indexPath.item])
        return cell
    }
}

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

1. Гибкость компоновки

• UITableView: Фиксированная линейная структура, варианты — обычный список или сгруппированные секции
• UICollectionView: Полностью настраиваемая через UICollectionViewLayout:
  • UICollectionViewFlowLayout для сеток
  • Кастомные layout-ы для сложных аранжировок
  • Возможность создания круговых, параллакс, masonry-раскладок

2. Ориентация и направление

• UITableView: Одно направление (вертикальное по умолчанию, горизонтальное через настройки)
• UICollectionView: Любое направление, включая комбинированное

3. Делегаты и DataSource

Оба используют похожие протоколы, но с разными методами:

// UITableView требует
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell

// UICollectionView требует
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell

4. Производительность и оптимизация

• Оба компонента используют механизм повторного использования ячеек
• UITableView проще в оптимизации благодаря предсказуемой структуре
• UICollectionView требует более тщательной оптимизации при сложных layout-ах

5. Дополнительные возможности

• UICollectionView поддерживает:
  • Supplementary views (заголовки/футеры)
  • Decoration views (фоновые элементы)
  • Анимированные переходы между layout-ами
  • Встроенная поддержка drag & drop (с iOS 11)

Практические рекомендации по выбору

Используйте UITableView когда:

• Нужен простой список или таблица с одиночными ячейками
• Требуется стандартное поведение iOS-приложений (контакты, настройки)
• Важна простота реализации и поддержки
• Нужна встроенная поддержка редактирования (удаление, перемещение строк)

Выбирайте UICollectionView когда:

• Требуется сетка элементов (галерея, каталог товаров)
• Нужна нестандартная компоновка (пинтерест, карусель)
• Требуется горизонтальная прокрутка с несколькими элементами
• Необходимы сложные анимации переходов
• Нужна кастомная интерактивность (перетаскивание, ресайз)

Эволюция и современные тренды

С появлением UICollectionViewCompositionalLayout (iOS 13) и Diffable Data Source (iOS 13) возможности CollectionView значительно расширились:

// Современный подход с Compositional Layout
func createLayout() -> UICollectionViewLayout {
    let layout = UICollectionViewCompositionalLayout { sectionIndex, layoutEnvironment in
        let itemSize = NSCollectionLayoutSize(widthDimension: .fractionalWidth(0.5),
                                             heightDimension: .fractionalHeight(1.0))
        let item = NSCollectionLayoutItem(layoutSize: itemSize)
        
        let groupSize = NSCollectionLayoutSize(widthDimension: .fractionalWidth(1.0),
                                              heightDimension: .absolute(200))
        let group = NSCollectionLayoutGroup.horizontal(layoutSize: groupSize, subitems: [item])
        
        return NSCollectionLayoutSection(group: group)
    }
    return layout
}

Заключение

Основное различие — в гибкости компоновки. UITableView идеален для линейных списков, предлагая простоту и стандартное поведение. UICollectionView — это мощный инструмент для любых нестандартных отображений данных, требующий больше усилий для настройки, но предоставляющий практически безграничные возможности кастомизации.

В современных iOS-приложениях часто наблюдается тенденция замены простых UITableView на UICollectionView даже для линейных списков, чтобы иметь запас гибкости на будущее, особенно с появлением Compositional Layout, который делает работу с CollectionView более декларативной и удобной.