Bạn có thể gặp một tình huống trong đó bạn nhận được một giao diện người dùng trong đó các nút được làm tròn và bạn có thể tự hỏi làm thế nào để làm điều đó? Vì vậy, ở đây chúng ta sẽ xem cách làm cho các góc của một nút tròn.
Chúng ta sẽ thấy cả hai cách để làm cho nút được làm tròn, một cách sử dụng Bảng phân cảnh và một cách khác theo lập trình.
Bắt đầu nào! Đầu tiên, chúng ta sẽ làm tròn các góc của nút bằng cách sử dụng Storyboard.
Bước 1 - Mở Xcode → Projecr mới → Ứng dụng một lần xem → Đặt tên cho nó là “RoundedButton”
Bước 2 - Mở Main.storyboard và thêm một nút như hình dưới đây
Bước 3 - Bây giờ chọn nút và nhấn vào khu vực Tiện ích và cập nhật Thuộc tính thời gian chạy do người dùng xác định xuống giá trị dưới đây.
Giờ đây, bạn có thể sửa đổi giá trị này, tức là tăng hoặc giảm tùy theo yêu cầu.
Trong phương pháp thứ hai, chúng ta sẽ làm tròn góc theo phương pháp lập trình.
Từ Main.storyboard, lấy @IBOutlet trong ViewController.swift và đặt tên nó là “doButtonRounds” và cập nhật cùng một lớp thuộc tính.cornerRadius.
Sử dụng mã dưới đây để tham khảo đầy đủ.
import UIKit
class ViewController: UIViewController {
@IBOutlet var doButtonRounded: UIButton!
override func viewDidLoad() {
super.viewDidLoad()
doButtonRounded.layer.cornerRadius = 20
}
}
