Čo je Auto Layout a ako sa líši od rozloženia s…

Auto Layout — je systém rozloženia založený na obmedzeniach (constraints), ktorý určuje polohu a veľkosť UI prvkov vzhľadom na seba a superview.

Rozdiely od rozloženia s použitím rámov:

Základy: Auto Layout používa súbor pravidiel (constraints) na určenie rozloženia, rámce — pevné súradnice a veľkosti.
Prispôsobivosť: Auto Layout automaticky prispôsobí rozloženie rôznym veľkostiam obrazoviek, orientácii zariadenia a dynamickej veľkosti textu. Rámce vyžadujú manuálne prepočty a aktualizácie pre každú situáciu.
Flexibilita: Zmena jedného prvku v Auto Layout často vedie k automatickému preusporiadaniu ostatných prvkov podľa nastavených constraints.
Zložitosť: Pre jednoduché statické rozloženia môže byť rozloženie s rámcami rýchlejšie. Pre zložitejšie, dynamické a prispôsobivé rozloženia je Auto Layout viac udržiavateľné a menej náchylné na chyby.
Riešené úlohy: Auto Layout je ideálne pre tvorbu prispôsobivých rozhraní, ktoré sa majú správne zobrazovať na rôznych zariadeniach a pri zmene parametrov prostredia. Rámce sú vhodnejšie pre presné umiestnenie prvkov, keď prispôsobivosť nie je kľúčovou požiadavkou alebo pre veľmi jednoduché, pevné rozloženia.

Príklad constraints v Auto Layout:

// Vytvorenie tlačidla
let button = UIButton()
button.translatesAutoresizingMaskIntoConstraints = false // Dôležité pre použitie Auto Layout

// Pridanie tlačidla do view
view.addSubview(button)

// Nastavenie constraints (stred horizontálne, 20pt od spodného okraja)
NSLayoutConstraint.activate([
    button.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    button.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -20)
])

Príklad rozloženia s rámcami:

// Vytvorenie tlačidla
let button = UIButton()

// Nastavenie rámca (stred horizontálne, 20pt od spodného okraja)
let buttonWidth: CGFloat = 100
let buttonHeight: CGFloat = 40
let x = (view.bounds.width - buttonWidth) / 2 // Ručné výpočty X
let y = view.bounds.height - buttonHeight - 20 // Ručné výpočty Y

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

// Pridanie tlačidla do view
view.addSubview(button)

// Pri zmene veľkosti view alebo orientácii je potrebné manuálne prepočítavať frame

Čo je Auto Layout a ako sa líši od rozloženia s rámami?