วิธีที่แนะนำและทันสมัยคือการใช้ Constraints เราจะใช้ Constraints เพื่อจัดตำแหน่ง View ให้อยู่ด้านล่างหน้าจอ
ขั้นตอนที่ 1: สร้างโปรเจกต์
เปิด Xcode → New Project → Single View Application → ตั้งชื่อว่า "ViewAlignment"
ตัวอย่างใช้ UIView แต่สามารถใช้คอมโพเนนต์ UI อื่นได้ด้วยขั้นตอนเดียวกัน
ขั้นตอนที่ 2: เตรียม UI
เปิด Main.storyboard เปลี่ยนสีพื้นหลัง ViewController (เพื่อให้เห็นชัดเจน) และเพิ่ม UIView
ขั้นตอนที่ 3: เพิ่ม Constraints
คลิกที่ UIView → Add New Constraints
ต้องระบุพารามิเตอร์ 4 ค่า: X-axis, Y-axis, Height, Width หากขาดตัวใดตัวหนึ่ง UI อาจทำงานผิดปกติหรือครัช ในที่นี้จะจัด UIView ให้ชิดด้านล่าง (Bottom), ซ้าย (Leading), ขวา (Trailing) ระยะ 0 points ส่วนความสูงตั้งไว้ 100 points
ขั้นตอนที่ 4: ปรับสีและทดสอบ
เปลี่ยนสี UIView เป็นสีฟ้า (Cyan) จะได้ผลลัพธ์ดังภาพ
ขั้นตอนที่ 5: ทดสอบบนอุปกรณ์ต่างๆ
หลังจัด Constraints แล้ว แอปจะรองรับหน้าจอทุกขนาดและทั้งสองทิศทาง (Portrait/Landscape)
ทดสอบบน iPhone 8 และ iPad Pro (9.7 นิ้ว) ทั้งสองทิศทาง
