Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> IOS

การจัดตำแหน่งสองปุ่มในแนวตั้งใน iOS


เค้าโครงอัตโนมัติเป็นองค์ประกอบที่สำคัญที่สุดอย่างหนึ่งในการออกแบบแอปพลิเคชัน iOS การพัฒนา UI มีความหลากหลายและง่ายขึ้นมากโดยใช้เค้าโครงอัตโนมัติ

สำหรับการวางปุ่มสองปุ่มในแนวตั้ง เราจะใช้เค้าโครงอัตโนมัติ

เริ่มกันเลย!

ขั้นตอนที่ 1: เปิด Xcode → New Projecr → Single View Application → ตั้งชื่อว่า “AlignButtons”

ขั้นตอนที่ 2: เปิด Main.storyboard และเพิ่มสองปุ่ม ตั้งชื่อเป็นปุ่ม 1 และปุ่ม 2

การจัดตำแหน่งสองปุ่มในแนวตั้งใน iOS

ขั้นตอนที่ 3: เลือกปุ่มทั้งสองและจัดแนวในแนวตั้งโดยใช้เมนูเพิ่มข้อจำกัดการจัดแนวใหม่

การจัดตำแหน่งสองปุ่มในแนวตั้งใน iOS

ขั้นตอนที่ 4: เลือกทั้งสองปุ่ม แตะเพิ่มข้อจำกัดใหม่ และตั้งค่าให้มีความกว้างเท่ากัน

การจัดตำแหน่งสองปุ่มในแนวตั้งใน iOS

ขั้นตอนที่ 5: ตอนนี้ เลือกปุ่มซ้าย แตะที่เพิ่มข้อจำกัดใหม่อีกครั้ง และตั้งค่าช่องว่างนำหน้าและต่อท้ายเป็น 20 จุด

การจัดตำแหน่งสองปุ่มในแนวตั้งใน iOS

ขั้นตอนที่ 6: ตอนนี้เลือกปุ่มขวาแตะที่เพิ่มข้อจำกัดใหม่อีกครั้งและตั้งค่าช่องว่างนำหน้าและต่อท้ายเป็น 20 จุด

การจัดตำแหน่งสองปุ่มในแนวตั้งใน iOS

และนั่นคือทั้งหมดที่คุณคลิกเพิ่ม 2 ข้อจำกัด คุณจะเห็นปุ่มต่างๆ ในแนวตั้ง

การจัดตำแหน่งสองปุ่มในแนวตั้งใน iOS