Как программно добавить констрейнты Auto Layout в Swift?

Проблема и её решение

Ваш код в целом написан правильно, но есть одна важная деталь: вы устанавливаете свойство translatesAutoresizingMaskIntoConstraints = false для myView, но забываете сделать то же самое для родительского view? На самом деле нет — проблема в другом. Давайте разберёмся по порядку.

В вашем примере констрейнты заданы верно, но они не срабатывают, потому что вы не активировали их в нужном порядке. На самом деле код рабочий, но есть подвох: UIView по умолчанию имеет свойство translatesAutoresizingMaskIntoConstraints = true. Когда вы добавляете дочернюю вьюху, у которой это свойство false, вы должны явно задать все необходимые констрейнты. Вы это сделали, но забыли, что для корректной работы нужно также убедиться, что родительская вью (в вашем случае view) имеет корректные размеры и не мешает.

На самом деле, если запустить ваш код в реальном проекте, он сработает — вью появится по центру. Но если она не появляется, скорее всего, вы забыли добавить myView в иерархию до установки констрейнтов. В вашем коде view.addSubview(myView) идёт до констрейнтов, что правильно. Однако есть нюанс: констрейнты должны быть активированы после того, как вью добавлена в иерархию.

Давайте я покажу вам правильный и самый удобный способ добавления констрейнтов в Swift — с использованием NSLayoutConstraint.activate:

import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let myView = UIView()
        myView.backgroundColor = .blue
        myView.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(myView)
        
        // Активируем все констрейнты одной группой
        NSLayoutConstraint.activate([
            myView.widthAnchor.constraint(equalToConstant: 200),
            myView.heightAnchor.constraint(equalToConstant: 200),
            myView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            myView.centerYAnchor.constraint(equalTo: view.centerYAnchor)
        ])
    }
}

Этот код гарантированно сработает. Разберём каждый шаг:

• translatesAutoresizingMaskIntoConstraints = false — обязательно для каждой вьюхи, которую вы позиционируете программно. Иначе Auto Layout будет конфликтовать с фреймовой системой.
• addSubview — добавляет вью в иерархию. Констрейнты можно задавать как до, так и после, но лучше — после.
• NSLayoutConstraint.activate — активирует массив констрейнтов одной командой. Это удобнее, чем устанавливать isActive = true для каждого.

Дополнительные примеры

Вот ещё несколько распространённых сценариев:

1. Привязать вью к краям родителя с отступами:

let myView = UIView()
myView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(myView)

NSLayoutConstraint.activate([
    myView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 20),
    myView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16),
    myView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -16),
    myView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -20)
])

2. Соотношение сторон (aspect ratio):

myView.widthAnchor.constraint(equalTo: myView.heightAnchor, multiplier: 2).isActive = true

3. Привязка к другой вьюхе:

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

NSLayoutConstraint.activate([
    redView.topAnchor.constraint(equalTo: myView.bottomAnchor, constant: 20),
    redView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    redView.widthAnchor.constraint(equalToConstant: 100),
    redView.heightAnchor.constraint(equalToConstant: 100)
])

Главное правило: всегда проверяйте, что translatesAutoresizingMaskIntoConstraints = false стоит у всех вьюх, которые вы позиционируете через констрейнты. И используйте NSLayoutConstraint.activate для групповой активации — это делает код чище и понятнее.

import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let stackView = UIStackView()
        stackView.axis = .vertical
        stackView.alignment = .center
        stackView.distribution = .equalSpacing
        stackView.spacing = 20
        stackView.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(stackView)
        
        let blueView = UIView()
        blueView.backgroundColor = .blue
        blueView.translatesAutoresizingMaskIntoConstraints = false
        blueView.widthAnchor.constraint(equalToConstant: 200).isActive = true
        blueView.heightAnchor.constraint(equalToConstant: 200).isActive = true
        
        let redView = UIView()
        redView.backgroundColor = .red
        redView.translatesAutoresizingMaskIntoConstraints = false
        redView.widthAnchor.constraint(equalToConstant: 100).isActive = true
        redView.heightAnchor.constraint(equalToConstant: 100).isActive = true
        
        stackView.addArrangedSubview(blueView)
        stackView.addArrangedSubview(redView)
        
        // Центрируем сам stackView
        NSLayoutConstraint.activate([
            stackView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            stackView.centerYAnchor.constraint(equalTo: view.centerYAnchor)
        ])
    }
}