Kas saaksite selgitada, kuidas töötab AutoLayout iOS-liidestes?

AutoLayout on iOS-i kasutajaliidese paigutussüsteem, mis võimaldab kirjeldada kasutajaliidese elementide paigutamise ja suuruse reegleid piirangute (constraints) abil. Selle asemel, et määrata fikseeritud koordinaadid ja suurused, näitate suhteid elementide vahel (näiteks, "nupp peab olema 20 punkti all pealkirjast" või "nupu laius on pool ekraani laiusest").

AutoLayout arvutab automaatselt elementide positsioonid ja suurused nende piirangute põhjal, võimaldades liidese kohandamist erinevate ekraanisuuruste, orientatsioonide ja lokaliseerimistega.

Näide piirangust Swift-koodis:

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)
])

Siin asub nupp 20 punkti kaugusel ülaservast ja külgedest ning selle kõrgus on 50 punkti.