¿Usar Storyboard para enmascarar UIView y dar esquinas redondeadas?

Muchas preguntas como esta explican cómo crear una máscara mediante programación y proporcionar esquinas redondeadas a una UIView.

¿Hay alguna forma de hacerlo todo dentro de Storyboard? Solo preguntar porque parece que crear esquinas redondeadas en Storyboard mantiene una demarcación más clara entre presentación y lógica.

Sí, lo uso mucho, pero preguntas como esta ya fueron respondidas muchas veces.

Pero de todos modos en Interface Builder. Debe agregar atributos de tiempo de ejecución definidos por el usuario como este:

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

y habilitar

Clips subviews

Resultados:

Puede hacerlo en un guión gráfico utilizando propiedades definidas por el usuario. Seleccione la vista que desea redondear y abra su Inspector de identidad. En la sección Atributos de tiempo de ejecución definidos por el usuario , agregue las dos entradas siguientes:

• Ruta de acceso clave:, layer.cornerRadiusTipo: Número, Valor: (cualquier radio que desee)
• Ruta de acceso clave:, layer.masksToBoundsTipo: Booleano, Valor: marcado

Es posible que tenga que importar QuartzKiten el archivo de clase correspondiente de su vista (si corresponde), pero juro que lo hice funcionar sin hacer eso. Tus resultados pueden variar.

EDITAR: Ejemplo de un radio dinámico

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

}

Verifiqué que esto funciona en un patio de recreo.

Seleccionar vista

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

Incluso después de realizar todos los cambios en el guión gráfico, la respuesta de Woraphot no me funciona.

Esto funcionó para mí:

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

Respuesta larga :

Esquinas redondeadas de UIView / UIButton, etc.

customUIView.layer.cornerRadius = 10

Grosor del borde

pcustomUIView.layer.borderWidth = 1

Color del borde

customUIView.layer.borderColor = UIColor.blue.cgColor