Sử dụng Storyboard để che UIView và cung cấp các góc tròn?

Rất nhiều câu hỏi như thế này giải thích cách tạo mặt nạ theo chương trình và cung cấp các góc tròn cho UIView.

Có cách nào để làm tất cả trong Storyboard không? Chỉ hỏi vì có vẻ như việc tạo các góc tròn trong Storyboard giúp phân định rõ ràng hơn giữa bản trình bày và logic.

Vâng, tôi sử dụng nó rất nhiều nhưng câu hỏi như thế này đã được trả lời nhiều lần.

Nhưng dù sao thì trong Interface Builder. Bạn cần thêm Thuộc tính thời gian chạy do người dùng xác định như sau:

layer.masksToBounds Boolean YES
layer.cornerRadius Number {View's Width/2}

và kích hoạt

Clips subviews

Các kết quả:

Bạn có thể làm điều đó trong bảng phân cảnh bằng cách sử dụng các thuộc tính do người dùng xác định. Chọn dạng xem mà bạn muốn làm tròn và mở Trình kiểm tra danh tính của nó. Trong phần Thuộc tính thời gian chạy do người dùng xác định , hãy thêm hai mục sau:

• Đường dẫn chính:, layer.cornerRadiusLoại: Số, Giá trị: (bất kỳ bán kính nào bạn muốn)
• Đường dẫn khóa:, layer.masksToBoundsLoại: Boolean, Giá trị: đã chọn

Bạn có thể phải nhập QuartzKittệp lớp tương ứng trong chế độ xem của mình (nếu có), nhưng tôi thề rằng tôi đã làm cho nó hoạt động mà không cần làm điều đó. Kết quả của bạn có thể khác nhau.

CHỈNH SỬA: Ví dụ về bán kính động

extension UIView {

    /// The ratio (from 0.0 to 1.0, inclusive) of the view's corner radius
    /// to its width. For example, a 50% radius would be specified with
    /// `cornerRadiusRatio = 0.5`.
    @IBDesignable public var cornerRadiusRatio: CGFloat {
        get {
            return layer.cornerRadius / frame.width
        }

        set {
            // Make sure that it's between 0.0 and 1.0. If not, restrict it
            // to that range.
            let normalizedRatio = max(0.0, min(1.0, newValue))
            layer.cornerRadius = frame.width * normalizedRatio
        }
    }

}

Tôi đã xác minh rằng điều này hoạt động trong một sân chơi.

Chọn chế độ xem

extension UIView {

    @IBInspectable var cornerRadiusV: CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }

    @IBInspectable var borderWidthV: CGFloat {
        get {
            return layer.borderWidth
        }
        set {
            layer.borderWidth = newValue
        }
    }

    @IBInspectable var borderColorV: UIColor? {
        get {
            return UIColor(cgColor: layer.borderColor!)
        }
        set {
            layer.borderColor = newValue?.cgColor
        }
    }
}

Ngay cả sau khi thực hiện tất cả các thay đổi trong bảng phân cảnh, câu trả lời của Woraphot không phù hợp với tôi.

Điều này đã làm việc cho tôi:

layer.cornerRadius = 10
layer.borderWidth = 1
layer.borderColor = UIColor.blue.cgColor

Câu trả lời dài :

Góc tròn của UIView / UIButton, v.v.

customUIView.layer.cornerRadius = 10

Độ dày viền

pcustomUIView.layer.borderWidth = 1

Màu viền

customUIView.layer.borderColor = UIColor.blue.cgColor