რა არის Auto Layout და როგორ განსხვავდება ფრეიმების გამოყენებით განლაგებისგან?

Auto Layout — ეს არის განლაგების სისტემა, რომელიც დაფუძნებულია შეზღუდვებზე (constraints), და განსაზღვრავს UI ელემენტების პოზიციას და ზომას ერთმანეთისა და სუპერვიუის მიმართ.

შედარება ფრეიმების გამოყენებით განლაგებასთან:

• ძირითადი: Auto Layout იყენებს წესების (constraints) ნაკრებს განლაგების განსაზღვრებისთვის, ფრეიმები კი — ფიქსირებულ კოორდინატებს და ზომებს.
• ადაპტაცია: Auto Layout ავტომატურად ადაპტირებს განლაგებას ეკრანის სხვადასხვა ზომებზე, მოწყობილობის მიმართულებაზე და დინამიკურ ტექსტის ზომაზე. ფრეიმებს სჭირდებათ ხელით გამოთვლა და განახლება თითოეულ სიტუაციაში.
• მოწესრიგება: Auto Layout-ში ერთი ელემენტის ცვლილება ხშირად იწვევს სხვა ელემენტების ავტომატურ გადახაზვას, დაყენებული constraints-ის შესაბამისად. ფრეიმების გამოყენებისას, თითოეული ცვლილება შეიძლება მოითხოვდეს ხელით განახლებას.
• სირთულე: მარტივი სტატიკური ინტერფეისებისთვის, ფრეიმების განლაგება შეიძლება იყოს უფრო სწრაფი. რთული, დინამიური და ადაპტირებული ინტერფეისებისთვის, 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)
])

ფრეიმების გამოყენებით მაგალითი:

// ღილაკის შექმნა
let button = UIButton()

// ფრეიმის დაყენება (ცენტრი ჰორიზონტალურად, 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-ის