Auto Layout деген эмне жана ал рамкалар менен…

Auto Layout — бул чектөөлөргө (constraints) негизделген түзүм, ал UI элементтеринин орду жана өлчөмү бири-бирине жана супервьюга карата аныктайт.

Чектөөлөр менен түзүмдүн айырмачылыктары:

Негизги: Auto Layout эрежелердин (constraints) топтомун колдонуп жайгаштыруу үчүн, ал эми frameдер — так координаттар жана өлчөмдөр.
Адаптациялыктык: Auto Layout автоматтык түрдө экрандын ар кандай өлчөмдөрүнө, түзмөктүн ориентациясына жана динамикалык текст өлчөмүнө ылайыкташтырат. Frameдер ар бир жагдай үчүн кол менен кайра эсептелип, жаңыртылат.
Ийкемдүүлүк: Auto Layoutтеги бир элементти өзгөртүү көбүнчө башка элементтердин автоматтык түрдө кайра түзүлүшүнө алып келет, белгиленген constraintsке ылайык.
Кыйынчылык: Жөнөкөй статикалык интерфейстер үчүн frameдер менен түзүм тезирек болушу мүмкүн. Кыйын, динамикалык жана адаптациялык интерфейстер үчүн Auto Layout көбүрөөк колдоого алынат жана ката кетүү мүмкүнчүлүгү азаяды.
Маселелерди чечүү: Auto Layout адаптациялык интерфейстер түзүү үчүн эң ылайыктуу, алар ар кандай түзмөктөрдө туура көрсөтүлүшү керек жана чөйрө параметрлеринин өзгөрүшүнө ылайык.

Auto Layoutтеги constraints мисалы:

// Түймө түзүү
let button = UIButton()
button.translatesAutoresizingMaskIntoConstraints = false // Auto Layout үчүн маанилүү

// Түймөнү viewге кошуу
view.addSubview(button)

// Constraints коюу (горизонталдык борбор, 20pt астыңкы жиегинен)
NSLayoutConstraint.activate([
    button.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    button.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -20)
])

Frame менен түзүмдүн мисалы:

// Түймө түзүү
let button = UIButton()

// Frame коюу (горизонталдык борбор, 20pt астыңкы жиегинен)
let buttonWidth: CGFloat = 100
let buttonHeight: CGFloat = 40
let x = (view.bounds.width - buttonWidth) / 2 // Кол менен эсептелген X
let y = view.bounds.height - buttonHeight - 20 // Кол менен эсептелген Y

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

// Түймөнү viewге кошуу
view.addSubview(button)

// Өлчөмдөр өзгөргөндө — frame кайра эсептелиши керек

Auto Layout деген эмне жана ал рамкалар менен түзүлгөн жайгаштырылуудан эмнеге айырмаланат?