วิธีที่แนะนำและวิธีที่ทันสมัยคือการใช้ข้อจำกัด เราจะใช้ข้อจำกัดในการจัดแนวมุมมองที่ด้านล่างของหน้าจอ
ขั้นตอนที่ 1: เปิด Xcode → New Projecr → Single View Application → ตั้งชื่อว่า “ViewAlignment”
ฉันจะใช้ UIView แต่คุณสามารถใช้ส่วนประกอบ UI ใดก็ได้โดยทำตามขั้นตอนเดียวกัน
ขั้นตอนที่ 2: เปิด Main.storyboard เปลี่ยนสีพื้นหลังของ ViewController (เรากำลังทำเพื่อความเข้าใจที่ดีขึ้น) และเพิ่ม UIView
ขั้นตอนที่ 3: เพิ่มข้อจำกัด – คลิกที่ UIView → เพิ่มข้อจำกัดใหม่
ในขณะที่กำหนดข้อจำกัด เราต้องคำนึงถึงพารามิเตอร์ 4 ตัว ได้แก่ Xaxis, Yaxis, Height และ Width เราควรตรวจสอบให้แน่ใจว่าได้ระบุพารามิเตอร์ทั้งสี่ไว้ครบถ้วนแล้ว หากคนใดคนหนึ่งไม่ให้หรือไม่ได้รับการรักษา UI ของแอปพลิเคชันอาจทำงานผิดปกติและอาจขัดข้องด้วย ในกรณีของเรา เราจะจัดแนว UIView ด้วยช่องว่างด้านล่าง นำหน้า และต่อท้าย 0 คะแนน หากคุณต้องการเว้นช่องว่างด้านข้างหรือด้านล่าง คุณสามารถให้คะแนนได้ 5 หรือ 10 คะแนน ในกรณีของเรา เราจะให้ช่องว่างนำหน้า 0 คะแนน ช่องว่างต่อท้าย 0 คะแนน ช่องว่างล่าง 0 จุด และสูง 100 คะแนน
ขั้นตอนที่ 4: เปลี่ยนสีของ UIView เป็นสีฟ้า และในที่สุดมุมมองของคุณก็จะเป็นแบบนี้
ขั้นตอนที่ 5: หลังจากจัดแนว UIView โดยใช้ข้อจำกัดหรือการจัดวางอัตโนมัติ แอปพลิเคชันของคุณควรสามารถทำงานในหน้าจอขนาดใดก็ได้และทั้งในแนวการวาง
เราจะเรียกใช้แอปพลิเคชันของเราใน iPhone 8 และ iPad Pro (9.7 นิ้ว) ทั้งในแนวการวาง
