Co je to Auto Layout a čím se liší od rozvržení s…

Auto Layout je systém rozvržení založený na omezeních (constraints), který určuje polohu a velikost prvků UI vzhledem k sobě navzájem a k superview.

Rozdíly oproti rozvržení pomocí rámců (frames):

Základ: Auto Layout používá sadu pravidel (constraints) k určení uspořádání, rámce jsou pevné souřadnice a velikosti.
Přizpůsobivost: Auto Layout automaticky upravuje rozvržení pro různé velikosti obrazovek, orientace zařízení a dynamické velikosti textu. Rámce vyžadují manuální přepočty a aktualizace pro každou situaci.
Flexibilita: Změna jednoho prvku v Auto Layout často vede k automatickému přeuspořádání ostatních prvků podle stanovených constraints. U rámců může každá změna vyžadovat manuální aktualizaci souřadnic a velikostí.
Složitost: Pro jednoduché statické rozhraní může být rozvržení s rámci rychlejší. Pro složitá, dynamická a přizpůsobivá rozhraní je Auto Layout lépe udržovatelný a méně náchylný k chybám.
Řešené úkoly: Auto Layout je ideální pro tvorbu přizpůsobivých rozhraní, která musí být správně zobrazena na různých zařízeních a při změnách parametrů prostředí. Rámce jsou vhodnější pro přesné umístění prvků, když přizpůsobivost není klíčová nebo pro velmi jednoduché, pevné rozvržení.

Příklad constraints v Auto Layout:

// Vytvoření tlačítka
let button = UIButton()
button.translatesAutoresizingMaskIntoConstraints = false // Důležité pro použití Auto Layout

// Přidání tlačítka do view
view.addSubview(button)

// Nastavení constraints (vodorovné centrování, 20pt od spodního okraje)
NSLayoutConstraint.activate([
    button.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    button.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -20)
])

Příklad rozvržení s rámci:

// Vytvoření tlačítka
let button = UIButton()

// Nastavení rámce (vodorovné centrování, 20pt od spodního okraje)
let buttonWidth: CGFloat = 100
let buttonHeight: CGFloat = 40
let x = (view.bounds.width - buttonWidth) / 2 // Ruční výpočet X
let y = view.bounds.height - buttonHeight - 20 // Ruční výpočet Y

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

// Přidání tlačítka do view
view.addSubview(button)

// Při změně velikosti view nebo orientace je třeba ručně přepočítat frame

Co je to Auto Layout a čím se liší od rozvržení s použitím rámců?