คุณอาจเจอสถานการณ์ที่คุณได้รับ UI ที่ปุ่มถูกปัดเศษ และคุณอาจสงสัยว่าจะทำอย่างไร ต่อไปเราจะมาดูวิธีการทำมุมของกระดุมกัน
เราจะเห็นทั้งสองวิธีในการทำให้ปุ่มโค้งมน โดยวิธีหนึ่งใช้ Storyboard และอีกวิธีหนึ่งคือใช้โปรแกรม
มาเริ่มกันเลย! ขั้นแรกเราจะทำมุมของปุ่มให้โค้งมนโดยใช้ Storyboard
ขั้นตอนที่ 1 − เปิด Xcode → New Projecr → แอปพลิเคชั่น Single View → ตั้งชื่อมันว่า "RoundedButton"
ขั้นตอนที่ 2 − เปิด Main.storyboard และเพิ่มปุ่มดังที่แสดงด้านล่าง
ขั้นตอนที่ 3 - ตอนนี้เลือกปุ่มแล้วแตะที่พื้นที่ยูทิลิตี้และอัปเดตแอตทริบิวต์รันไทม์ที่กำหนดโดยผู้ใช้เป็นค่าที่ต่ำกว่า
ตอนนี้คุณปรับเปลี่ยนค่านี้ได้ เช่น เพิ่มหรือลดตามความต้องการ
ในวิธีที่ 2 เราจะทำการปัดเศษมุมโดยทางโปรแกรม
จาก Main.storyboard รับ @IBOutlet ใน ViewController.swift และตั้งชื่อว่า "doButtonRounded" และอัปเดตคุณสมบัติเดียวกัน layer.cornerRadius
ใช้รหัสด้านล่างเพื่อการอ้างอิงที่สมบูรณ์
<ก่อนหน้า>นำเข้า UIKitclass ViewController:UIViewController { @IBOutlet var doButtonRounded:UIButton! แทนที่ func viewDidLoad () { super.viewDidLoad () doButtonRounded.layer.cornerRadius =20 }}
