Auto Layout nima va u ramkalar bilan ishlashdan qanday farq qiladi?

Auto Layout — bu cheklovlar (constraints) asosida UI elementlarining joylashuvi va o‘lchamini bir-biriga va superview ga nisbatan belgilovchi tizim.

Frame bilan ishlashdan farqi:

• Asos: Auto Layout qoidalar (constraints) to‘plamini ishlatadi, frame esa statik koordinatalar va o‘lchamlardir.
• Moslashuvchanlik: Auto Layout ekran o‘lchamlari, qurilma orientatsiyasi va dinamik matn o‘lchamlariga avtomatik moslashadi. Frame uchun har bir holatda qo‘lda hisoblash va yangilash talab etiladi.
• Moslashuvchanlik: Auto Layoutda bir elementdagi o‘zgartirishlar odatda boshqa elementlarning constraints ga muvofiq avtomatik ravishda qayta tuzilishini keltirib chiqaradi. Frame bilan har bir o‘zgartirish uchun koordinatalar va o‘lchamlarni qo‘lda yangilash kerak bo‘ladi.
• Murakkablik: Oddiy statik interfeyslar uchun frame bilan dizayn tezroq bo‘lishi mumkin. Murakkab, dinamik va moslashuvchan interfeyslar uchun Auto Layout ko‘proq qo‘llab-quvvatlanadi va kamroq xatoliklar yuzaga keladi.
• Yechiladigan vazifalar: Auto Layout moslashuvchan interfeyslar yaratish uchun idealdir, ular turli qurilmalarda va muhit parametrlaridagi o‘zgarishlarda to‘g‘ri ko‘rsatilishi kerak. Frame esa elementlarni aniq joylashtirish uchun, moslashuvchanlik muhim bo‘lmagan holatlarda yoki juda oddiy, statik maketlar uchun mos keladi.

Auto Layoutda constraints misoli:

// Tugma yaratish
let button = UIButton()
button.translatesAutoresizingMaskIntoConstraints = false // Auto Layout uchun muhim

// Tugmani view ga qo‘shish
view.addSubview(button)

// Constraints ni o‘rnatish (gorizontal markaz, 20pt pastda)
NSLayoutConstraint.activate([
    button.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    button.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -20)
])

Frame bilan layout misoli:

// Tugma yaratish
let button = UIButton()

// Frame ni o‘rnatish (gorizontal markaz, 20pt pastda)
let buttonWidth: CGFloat = 100
let buttonHeight: CGFloat = 40
let x = (view.bounds.width - buttonWidth) / 2 // Qo‘lda hisoblangan X
let y = view.bounds.height - buttonHeight - 20 // Qo‘lda hisoblangan Y

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

// View ga qo‘shish
view.addSubview(button)

// View o‘lchami yoki orientatsiya o‘zgarganda, frame ni qo‘lda qayta hisoblash kerak