Usa Storyboard per mascherare UIView e dare angoli arrotondati?

Molte domande come questa spiegano come creare una maschera a livello di codice e fornire angoli arrotondati a una vista UIV.

C'è un modo per fare tutto all'interno di Storyboard? Solo chiedere perché sembra che la creazione di angoli arrotondati in Storyboard mantenga una demarcazione più chiara tra presentazione e logica.

Sì, lo uso molto, ma a domande come questa è già stata data risposta molte volte.

Ma comunque in Interface Builder. È necessario aggiungere attributi di runtime definiti dall'utente in questo modo:

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

e abilita

Clips subviews

Risultati:

Puoi farlo in uno storyboard utilizzando proprietà definite dall'utente. Seleziona la vista che desideri arrotondare e apri il relativo Identity Inspector. Nella sezione Attributi di runtime definiti dall'utente , aggiungi le due voci seguenti:

• Percorso chiave:, layer.cornerRadiusTipo: Numero, Valore: (qualunque raggio tu voglia)
• Percorso chiave:, layer.masksToBoundsTipo: booleano, Valore: verificato

Potrebbe essere necessario importare QuartzKitnel file di classe corrispondente della vista (se presente), ma giuro che l'ho fatto funzionare senza farlo. I tuoi risultati possono variare.

EDIT: Esempio di un raggio dinamico

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

}

Ho verificato che funziona in un parco giochi.

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

Anche dopo aver apportato tutte le modifiche allo storyboard, la risposta di Woraphot non funziona per me.

Questo ha funzionato per me:

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

Risposta lunga :

Angoli arrotondati di UIView / UIButton ecc

customUIView.layer.cornerRadius = 10

Spessore del bordo

pcustomUIView.layer.borderWidth = 1

Colore del bordo

customUIView.layer.borderColor = UIColor.blue.cgColor