Czym jest układ automatyczny i czym różni się od…

Auto Layout to system układu, oparty na ograniczeniach (constraints), który określa położenie i rozmiar elementów interfejsu użytkownika względem siebie i superview.

Różnice w porównaniu do układu z użyciem ramek (frames):

Podstawa: Auto Layout używa zestawu reguł (constraints) do określenia rozmieszczenia, ramki to stałe współrzędne i rozmiary.
Dostosowalność: Auto Layout automatycznie dostosowuje układ do różnych rozmiarów ekranów, orientacji urządzenia i dynamicznego rozmiaru tekstu. Ramki wymagają ręcznego przeliczania i aktualizacji dla każdej sytuacji.
Elastyczność: Zmiana jednego elementu w Auto Layout często powoduje automatyczne przearanżowanie innych elementów zgodnie z ustalonymi constraints. Przy użyciu ramek, każda zmiana może wymagać ręcznego zaktualizowania współrzędnych i rozmiarów.
Złożoność: Dla prostych statycznych interfejsów, układ na podstawie ramek może być szybszy. Dla złożonych, dynamicznych i adaptacyjnych interfejsów, Auto Layout jest bardziej obsługiwalny i mniej podatny na błędy.
Rozwiązane zadania: Auto Layout jest idealny do tworzenia adaptacyjnych interfejsów, które muszą poprawnie wyświetlać się na różnych urządzeniach i przy zmianie parametrów środowiska. Ramki są bardziej odpowiednie do precyzyjnego pozycjonowania elementów, gdy adaptacyjność nie jest kluczowa lub dla bardzo prostych, statycznych układów.

Przykład constraints w Auto Layout:

// Tworzenie przycisku
let button = UIButton()
button.translatesAutoresizingMaskIntoConstraints = false // Ważne do używania Auto Layout

// Dodanie przycisku do widoku
view.addSubview(button)

// Ustawienie constraints (wyśrodkowanie poziome, 20pt od dołu)
NSLayoutConstraint.activate([
    button.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    button.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -20)
])

Przykład layoutu z użyciem ramek:

// Tworzenie przycisku
let button = UIButton()

// Ustawienie ramki (wyśrodkowanie poziome, 20pt od dołu)
let buttonWidth: CGFloat = 100
let buttonHeight: CGFloat = 40
let x = (view.bounds.width - buttonWidth) / 2 // Ręczne obliczenie X
let y = view.bounds.height - buttonHeight - 20 // Ręczne obliczenie Y

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

// Dodanie przycisku do widoku
view.addSubview(button)

// Przy zmianie rozmiaru widoku lub orientacji, trzeba ręcznie przeliczyć frame

Czym jest układ automatyczny i czym różni się od układu z użyciem ramek?