Kunt u het principe van AutoLayout in iOS-interfaces uitleggen?

AutoLayout is een systeem voor het indelen van de interface in iOS, waarmee je de regels voor de plaatsing en grootte van UI-elementen kunt beschrijven met behulp van beperkingen (constraints). In plaats van vaste coördinaten en afmetingen te gebruiken, geef je relaties tussen elementen aan (bijvoorbeeld, "de knop moet 20 punten onder de koptekst staan" of "de breedte van de knop is de helft van de schermbreedte").

AutoLayout berekent automatisch de posities en afmetingen van de elementen op basis van deze beperkingen, waardoor de interface zich kan aanpassen aan verschillende schermformaten, oriëntaties en lokalisaties.

Voorbeeld van een beperking in Swift-code:

button.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    button.topAnchor.constraint(equalTo: view.topAnchor, constant: 20),
    button.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20),
    button.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20),
    button.heightAnchor.constraint(equalToConstant: 50)
])

Hier wordt de knop geplaatst met marges van 20 punten vanaf de bovenkant en de zijkanten, en heeft een hoogte van 50 punten.