Когда лучше использовать UIStackView, а когда Auto Layout constraints?

UIStackView и Auto Layout constraints — это два ключевых инструмента для создания адаптивных интерфейсов в iOS с помощью UIKit. Понимание их сильных сторон помогает разработчикам строить макеты быстрее и с меньшим количеством кода.

Что такое UIStackView?

UIStackView — это контейнерное представление (UIView), которое автоматически управляет расположением своих дочерних элементов (arrangedSubviews) вдоль одной оси — либо горизонтально (axis = .horizontal), либо вертикально (axis = .vertical). Вы настраиваете такие свойства, как распределение (distribution), выравнивание (alignment), интервал (spacing), и StackView сам создаёт и обновляет необходимые Auto Layout constraints для своих дочерних элементов. Это значительно сокращает количество ручных ограничений.

Где применять UIStackView?

• Линейные компоновки: Ряды кнопок в панели инструментов, списки меток и полей ввода в форме, горизонтальные наборы иконок.
• Динамическое содержимое: Когда элементы добавляются или удаляются во время выполнения, StackView автоматически перестраивает макет.
• Простота и скорость: Для стандартных выравниваний (заполнение, равное распределение) без написания десятков constraints.

Пример кода с UIStackView

// Создание вертикального StackView
let stackView = UIStackView()
stackView.axis = .vertical
stackView.spacing = 10
stackView.alignment = .fill
stackView.distribution = .fillEqually

// Добавление элементов
let label1 = UILabel(); label1.text = "Заголовок"
let label2 = UILabel(); label2.text = "Описание"
stackView.addArrangedSubview(label1)
stackView.addArrangedSubview(label2)

// Добавление на экран и настройка внешних ограничений
view.addSubview(stackView)
stackView.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    stackView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 20),
    stackView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20),
    stackView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20)
])

Что такое Auto Layout Constraints?

Auto Layout — это система, которая позволяет определять правила (ограничения) для позиционирования и размеров элементов относительно друг друга или их супервью. Каждое ограничение — это линейное уравнение (например, button.leading = superview.leading + 20). Это даёт полную гибкость для создания любых макетов, но требует больше ручной работы.

Где применять Constraints?

• Сложные, нелинейные макеты: Когда элементы должны быть расположены не просто в ряд или колонку, а в сетке или с перекрытиями.
• Точный контроль: Когда нужны специфические пропорции (соотношение сторон), привязка к базовым линиям текста или сложные зависимости между размерами.
• Кастомное поведение: Анимации, изменяющие ограничения, или динамические расчёты позиций.

Пример кода с Constraints

let redView = UIView()
redView.backgroundColor = .red
view.addSubview(redView)
redView.translatesAutoresizingMaskIntoConstraints = false

// Установка ограничений: центр по X, фиксированные отступы сверху и снизу, ширина 100
NSLayoutConstraint.activate([
    redView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    redView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 50),
    redView.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -50),
    redView.widthAnchor.constraint(equalToConstant: 100)
])

Вывод: Используйте UIStackView для быстрого создания стандартных линейных макетов, где элементы логически сгруппированы в ряд или колонку — это сокращает код и упрощает поддержку. Применяйте ручные Auto Layout constraints, когда нужен полный контроль над позиционированием, для создания сложных, нестандартных или анимированных интерфейсов, которые не укладываются в простую ось StackView.