Какие способы layout'а вам известны?

Программный Layout (Frame-based)

• CGRect (origin, size): Указываем точные координаты и размеры вью.
• Используется напрямую в коде.
• При изменении размеров экрана или ориентации требует ручного обновления фреймов.
• Просто для простых интерфейсов, но становится громоздким для сложных.

Auto Layout

• Система ограничений (Constraints): Определяем взаимосвязи между вью (расстояния, выравнивания, пропорции).
• Используется декларативный подход.
• Система сама вычисляет финальные размеры и позиции вью в зависимости от ограничений и доступного пространства.
• Автоматически адаптируется к изменениям размеров экрана, ориентации, динамическим шрифтам и другим факторам.
• Рекомендуемый подход для современных приложений.

Способы задания ограничений Auto Layout:

• Interface Builder (Storyboard/XIB): Визуальное создание ограничений в Xcode.
• NSLayoutConstraint: Программное создание ограничений с использованием объектов NSLayoutConstraint.

  // Пример создания ограничения на центр по оси X
  let centerXConstraint = NSLayoutConstraint(
      item: myView, // Вью, к которой применяется ограничение
      attribute: .centerX, // Атрибут центра по X
      relatedBy: .equal, // Отношение (равно, больше/меньше или равно)
      toItem: superview, // Вью, относительно которой применяется ограничение (супервью)
      attribute: .centerX, // Атрибут центра по X супервью
      multiplier: 1.0, // Множитель (для пропорциональных ограничений)
      constant: 0 // Константа (смещение)
  )
  superview.addConstraint(centerXConstraint) // Добавляем ограничение
  

• Visual Format Language (VFL): Строковое представление ограничений. Менее используемый в Swift.

  // Пример использования VFL
  let metrics = ["padding": 20]
  let views: [String: Any] = ["myView": myView]
  let horizontalConstraints = NSLayoutConstraint.constraints(
      withVisualFormat: "|-padding-[myView]-padding-|", // Горизонтальный формат
      options: [],
      metrics: metrics,
      views: views
  )
  superview.addConstraints(horizontalConstraints)
  

• Layout Anchors (доступно в iOS 9+): Более удобный и типобезопасный API для программного создания ограничений.

  // Пример использования Layout Anchors
  myView.translatesAutoresizingMaskIntoConstraints = false // Важно отключить autoresizing mask
  myView.centerXAnchor.constraint(equalTo: superview.centerXAnchor).isActive = true // Центрирование по X
  myView.topAnchor.constraint(equalTo: superview.topAnchor, constant: 20).isActive = true // Отступ сверху
  myView.widthAnchor.constraint(equalToConstant: 100).isActive = true // Фиксированная ширина
  myView.heightAnchor.constraint(equalToConstant: 50).isActive = true // Фиксированная высота
  

• Stack Views (UIStackView): Контейнеры, автоматически управляющие расположением своих дочерних элементов (arrangedSubviews) вдоль оси. Упрощают создание линейных раскладок (горизонтальных или вертикальных).

  // Пример UIStackView
  let stackView = UIStackView(arrangedSubviews: [button1, button2, button3])
  stackView.axis = .horizontal // Горизонтальное расположение
  stackView.distribution = .equalSpacing // Распределение пространства
  stackView.alignment = .center // Выравнивание
  stackView.translatesAutoresizingMaskIntoConstraints = false
  view.addSubview(stackView)
  stackView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20).isActive = true
  stackView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20).isActive = true
  stackView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 20).isActive = true
  

SwiftUI Layout

• Новый декларативный фреймворк для UI.
• Использует стеки (VStack, HStack, ZStack) и модификаторы (padding(), frame(), alignmentGuide()) для определения лейаута.
• Более гибкий и интуитивный подход по сравнению с Auto Layout в UIKit для многих сценариев.

Таблица сравнения: