Utiliser Storyboard pour masquer UIView et donner des coins arrondis?

De nombreuses questions comme celle-ci expliquent comment créer un masque par programmation et fournir des coins arrondis à un UIView.

Existe-t-il un moyen de tout faire dans Storyboard? Le simple fait de demander parce qu'il semble que la création de coins arrondis dans Storyboard maintient une démarcation plus claire entre la présentation et la logique.

Oui, j'utilise beaucoup mais une question comme celle-ci a déjà été répondue à plusieurs reprises.

Mais de toute façon dans Interface Builder. Vous devez ajouter des attributs d'exécution définis par l'utilisateur comme ceci:

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

et activer

Clips subviews

Résultats:

Vous pouvez le faire dans un storyboard en utilisant des propriétés définies par l'utilisateur. Sélectionnez la vue que vous souhaitez arrondir et ouvrez son inspecteur d'identité. Dans la section Attributs d'exécution définis par l' utilisateur , ajoutez les deux entrées suivantes:

• Chemin de la clé:, layer.cornerRadiusType: Nombre, Valeur: (quel que soit le rayon souhaité)
• Chemin de la clé:, layer.masksToBoundsType: Booléen, Valeur: vérifié

Vous devrez peut-être importer QuartzKitdans le fichier de classe correspondant de votre vue (le cas échéant), mais je jure que je l'ai fait fonctionner sans le faire. Vos résultats peuvent varier.

EDIT: Exemple de rayon dynamique

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

}

J'ai vérifié que cela fonctionne dans une aire de jeux.

Sélectionnez la vue

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

Même après avoir apporté tous les changements au storyboard, la réponse de Woraphot ne fonctionne pas pour moi.

Cela a fonctionné pour moi:

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

Longue réponse :

Coins arrondis de UIView / UIButton etc.

customUIView.layer.cornerRadius = 10

Épaisseur de la bordure

pcustomUIView.layer.borderWidth = 1

Couleur de la bordure

customUIView.layer.borderColor = UIColor.blue.cgColor