UIView maskelemek ve yuvarlatılmış köşeler vermek için Storyboard kullan?

Bunun gibi birçok soru , programlı olarak nasıl maske oluşturulacağını ve UIView'a yuvarlak köşelerin nasıl sağlanacağını açıklar.

Her şeyi Storyboard'da yapmanın bir yolu var mı? Sadece Storyboard'da yuvarlak köşeler oluşturmak gibi göründüğü için sormak, sunum ve mantık arasında daha net bir ayrım sağlar.

Evet, bunu çok kullanıyorum ama bunun gibi sorular birçok kez cevaplandı.

Ama yine de Interface Builder'da. Aşağıdaki gibi Kullanıcı Tanımlı Çalışma Zamanı Öznitelikleri eklemeniz gerekir:

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

ve etkinleştir

Clips subviews

Sonuçlar:

Bunu, kullanıcı tanımlı özellikleri kullanarak bir film şeridinde yapabilirsiniz. Yuvarlamak istediğiniz görünümü seçin ve Identity Inspector'ı açın. In Süre Tanımlı Kullanıcı Özellikleri bölümünde, aşağıdaki iki girdiyi ekleyin:

• Anahtar Yolu:, layer.cornerRadiusTür: Sayı, Değer: (istediğiniz yarıçap ne olursa olsun)
• Anahtar Yolu:, layer.masksToBoundsTür: Boole, Değer: işaretlendi

QuartzKitGörünümünüzün ilgili sınıf dosyasına (varsa) içe aktarmanız gerekebilir , ancak yemin ederim ki bunu yapmadan çalışmasını sağladım. Sonuçlarınız değişebilir.

DÜZENLEME: Dinamik yarıçap örneği

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

}

Bunun bir oyun alanında çalıştığını doğruladım.

Görünüm seçin

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

Film şeridinde tüm değişiklikleri yaptıktan sonra bile, Woraphot'un cevabı benim için işe yaramıyor.

Bu benim için çalıştı:

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

Uzun cevap :

UIView / UIButton vb.'nin Yuvarlak Köşeleri

customUIView.layer.cornerRadius = 10

Bordür Kalınlığı

pcustomUIView.layer.borderWidth = 1

Sınır rengi

customUIView.layer.borderColor = UIColor.blue.cgColor