使用Storyboard掩盖UIView并给出圆角？

诸如此类的许多问题说明了如何以编程方式创建蒙版并为UIView提供圆角。

有没有办法在Storyboard中做到这一切？只是因为在Storyboard中创建圆角就可以使表示和逻辑之间的界限更加清晰。

是的，我经常使用它，但是这样的问题已经被回答了很多次。

但是无论如何在Interface Builder中。您需要像这样添加用户定义的运行时属性：

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

并启用

Clips subviews

结果：

您可以使用用户定义的属性在情节提要中执行此操作。选择要四舍五入的视图，然后打开其Identity Inspector。在“ 用户定义的运行时属性”部分中，添加以下两个条目：

• 关键路径：layer.cornerRadius，类型：数字，值：（无论您想要的半径）
• 关键路径：layer.masksToBounds，类型：布尔值，值：已选中

您可能必须导入QuartzKit视图的相应类文件（如果有的话），但是我发誓我不这样做就可以使它工作。您的结果可能会有所不同。

编辑：动态半径的示例

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
        }
    }

}

我确认这在操场上有效。

选择视图

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
        }
    }
}

即使在情节提要中进行了所有更改，Woraphot的答案也对我不起作用。

这为我工作：

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

长答案：

UIView / UIButton等的圆角

customUIView.layer.cornerRadius = 10

边框厚度

pcustomUIView.layer.borderWidth = 1

边框颜色

customUIView.layer.borderColor = UIColor.blue.cgColor