Usar Storyboard para mascarar UIView e dar cantos arredondados?

Muitas perguntas como essa explicam como criar programaticamente uma máscara e fornecer cantos arredondados para um UIView.

Existe uma maneira de fazer tudo dentro do Storyboard? Só perguntar porque parece que criar cantos arredondados no Storyboard mantém uma demarcação mais clara entre a apresentação e a lógica.

Sim, eu uso muito, mas perguntas como essa já foram respondidas várias vezes.

Mas de qualquer maneira no Interface Builder. Você precisa adicionar Atributos de tempo de execução definidos pelo usuário como este:

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

e habilitar

Clips subviews

Resultados:

Você pode fazer isso em um storyboard usando propriedades definidas pelo usuário. Selecione a vista que deseja arredondar e abra seu Inspetor de identidade. Na seção Atributos de tempo de execução definidos pelo usuário , adicione as duas entradas a seguir:

• Caminho da chave:, layer.cornerRadiusTipo: Número, Valor: (qualquer raio que você desejar)
• Caminho da chave:, layer.masksToBoundsTipo: Booleano, Valor: verificado

Você pode ter que importar QuartzKitno arquivo de classe correspondente da sua visão (se houver), mas eu juro que fiz funcionar sem fazer isso. Seus resultados podem variar.

EDIT: Exemplo de raio 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
        }
    }

}

Verifiquei que isso funciona em um playground.

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

Mesmo depois de fazer todas as alterações no storyboard, a resposta de Woraphot não funciona para mim.

Isso funcionou para mim:

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

Resposta longa :

Cantos arredondados de UIView / UIButton etc

customUIView.layer.cornerRadius = 10

Espessura da borda

pcustomUIView.layer.borderWidth = 1

Cor da borda

customUIView.layer.borderColor = UIColor.blue.cgColor