Ce este layout-ul automat și cum diferă de layout-ul…

Auto Layout este un sistem de aranjare bazat pe constrângeri (constraints) care determină poziția și dimensiunea elementelor UI în raport cu celelalte și cu superview-ul.

Diferențe față de layout-ul cu frame-uri:

Bază: Auto Layout folosește un set de reguli (constraints) pentru a determina aranjamentul, frame-urile sunt coordonate și dimensiuni fixe.
Adaptabilitate: Auto Layout ajustează automat layout-ul pentru diferite dimensiuni de ecran, orientări ale dispozitivului și dimensiuni dinamice ale textului. Frame-urile necesită recalculări și actualizări manuale pentru fiecare situație.
Flexibilitate: Modificarea unui element în Auto Layout duce adesea la o rearanjare automată a celorlalte elemente conform constrângerilor stabilite. La frame-uri, fiecare modificare poate necesita actualizare manuală a coordonatelor și dimensiunilor.
Complexitate: Pentru interfețe statice simple, layout-ul cu frame-uri poate fi mai rapid. Pentru interfețe complexe, dinamice și adaptive, Auto Layout este mai ușor de întreținut și mai puțin predispus la erori.
Probleme rezolvate: Auto Layout este ideal pentru crearea de interfețe adaptive, care trebuie afișate corect pe diferite dispozitive și în condiții de schimbare a parametrilor mediului. Frame-urile sunt mai potrivite pentru poziționare precisă a elementelor, atunci când adaptabilitatea nu este o prioritate sau pentru layout-uri foarte simple și fixe.

Exemplu de constrângeri în Auto Layout:

// Crearea unui buton
let button = UIButton()
button.translatesAutoresizingMaskIntoConstraints = false // Important pentru Auto Layout

// Adăugarea butonului la view
view.addSubview(button)

// Stabilirea constrângerilor (centrare orizontală, 20pt de la partea de jos)
NSLayoutConstraint.activate([
    button.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    button.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -20)
])

Exemplu de layout cu frame-uri:

// Crearea unui buton
let button = UIButton()

// Stabilirea frame-ului (centrare orizontală, 20pt de la partea de jos)
let buttonWidth: CGFloat = 100
let buttonHeight: CGFloat = 40
let x = (view.bounds.width - buttonWidth) / 2 // Calcul manual pentru X
let y = view.bounds.height - buttonHeight - 20 // Calcul manual pentru Y

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

// Adăugarea butonului la view
view.addSubview(button)

// La schimbarea dimensiunii view-ului sau orientării, trebuie recalculat manual frame-ul

Ce este layout-ul automat și cum diferă de layout-ul cu cadre?