เค้าโครงอัตโนมัติเป็นองค์ประกอบที่สำคัญที่สุดอย่างหนึ่งในการออกแบบแอปพลิเคชัน iOS การพัฒนา UI มีความหลากหลายและง่ายขึ้นมากโดยใช้เค้าโครงอัตโนมัติ
สำหรับการวางปุ่มสองปุ่มในแนวตั้ง เราจะใช้เค้าโครงอัตโนมัติ
เริ่มกันเลย!
ขั้นตอนที่ 1: เปิด Xcode → New Projecr → Single View Application → ตั้งชื่อว่า “AlignButtons”
ขั้นตอนที่ 2: เปิด Main.storyboard และเพิ่มสองปุ่ม ตั้งชื่อเป็นปุ่ม 1 และปุ่ม 2
ขั้นตอนที่ 3: เลือกปุ่มทั้งสองและจัดแนวในแนวตั้งโดยใช้เมนูเพิ่มข้อจำกัดการจัดแนวใหม่
ขั้นตอนที่ 4: เลือกทั้งสองปุ่ม แตะเพิ่มข้อจำกัดใหม่ และตั้งค่าให้มีความกว้างเท่ากัน
ขั้นตอนที่ 5: ตอนนี้ เลือกปุ่มซ้าย แตะที่เพิ่มข้อจำกัดใหม่อีกครั้ง และตั้งค่าช่องว่างนำหน้าและต่อท้ายเป็น 20 จุด
ขั้นตอนที่ 6: ตอนนี้เลือกปุ่มขวาแตะที่เพิ่มข้อจำกัดใหม่อีกครั้งและตั้งค่าช่องว่างนำหน้าและต่อท้ายเป็น 20 จุด
และนั่นคือทั้งหมดที่คุณคลิกเพิ่ม 2 ข้อจำกัด คุณจะเห็นปุ่มต่างๆ ในแนวตั้ง