Šta je Auto Layout i kako se razlikuje od rasporeda…

Auto Layout — то је систем распореда заснован на ограничењима (constraints), који одређује положај и величину UI елемената у односу један на други и супервью.

Разлике у односу на распоред са коришћењем фрејмова:

Основе: Auto Layout користи скуп правила (constraints) за одређивање распореда, фрејмови — фиксне координате и величине.
Адаптивност: Auto Layout аутоматски прилагођава распоред различитим величинама екрана, оријентацији уређаја и динамичкој величини текста. Фрејмови захтевају ручно прерачун и ажурирање за сваку ситуацију.
Гибкост: Промена једног елемента у Auto Layout често доводи до аутоматског преуређења других елемената у складу са постављеним constraints.
Сложеност: За једноставне статичне интерфејсе, распоред са фрејмовима може бити бржи. За сложеније, динамичне и адаптивне интерфејсе, Auto Layout постаје подржанији и мање подложан грешкама.
Решавање проблема: Auto Layout је идеалан за креирање адаптивних интерфејса који треба да се правилно приказују на различитим уређајима и при променама параметара окружења. Фрејмови су погоднији за прецизно позиционирање елемената када адаптивност није кључни захтев или за веома једноставне, фиксне распореде.

Пример constraints у Auto Layout:

// Креирање дугмета
let button = UIButton()
button.translatesAutoresizingMaskIntoConstraints = false // Важно за коришћење Auto Layout

// Додавање дугмета у view
view.addSubview(button)

// Постављање constraints (центар по хоризонтали, 20pt од доњег руба)
NSLayoutConstraint.activate([
    button.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    button.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -20)
])

Пример распореда са фрејмовима:

// Креирање дугмета
let button = UIButton()

// Постављање фрејма (центар по хоризонтали, 20pt од доњег руба)
let buttonWidth: CGFloat = 100
let buttonHeight: CGFloat = 40
let x = (view.bounds.width - buttonWidth) / 2 // Ручно израчунавање X
let y = view.bounds.height - buttonHeight - 20 // Ручно израчунавање Y

button.frame = CGRect(x: x, y: y, width: buttonWidth, height: buttonHeight)

// Додавање дугмета у view
view.addSubview(button)

// При промени величине view или оријентацији, потребно је ручно преузети frame

Šta je Auto Layout i kako se razlikuje od rasporeda sa okvirima?