Використовуйте аркуш розгортки, щоб замаскувати UIView та надати закруглені кути?

Багато питань, подібних до цього, пояснюють, як програмно створити маску та надати закруглені кути до UIView.

Чи є спосіб зробити це все в Storyboard? Запитання лише тому, що, здається, створення закруглених кутів у дошці розповідей забезпечує чіткіше розмежування між презентацією та логікою.

Так, я дуже багато використовую, але на таке питання вже відповідали багато разів.

Але все одно в Interface Builder. Вам потрібно додати визначені користувачем атрибути на зразок цього:

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

і включити

Clips subviews

Результати:

Ви можете це зробити на дошці розкадрування, використовуючи визначені користувачем властивості. Виберіть подання, яке ви хочете округлити, і відкрийте його інспектор ідентичності. У розділі Атрибути часу виконання, визначені користувачем , додайте наступні дві записи:

• Основний шлях:, layer.cornerRadiusТип: Число, Значення: (незалежно від радіусу)
• Ключовий шлях:, layer.masksToBoundsТип: логічне значення, значення: відмічено

Можливо, вам доведеться імпортувати QuartzKitу відповідний файл класу вашого перегляду (якщо такий є), але я клянусь, що я змусив його працювати, не роблячи цього. Ваші результати можуть відрізнятися.

EDIT: Приклад динамічного радіуса

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

}

Я перевірив, що це працює на дитячому майданчику.

Виберіть перегляд

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

Навіть після внесення всіх змін у раскадровці відповідь Ворафота не працює для мене.

Це працювало для мене:

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

Довга відповідь:

Закруглені кути UIView / UIButton тощо

customUIView.layer.cornerRadius = 10

Прикордонна товщина

pcustomUIView.layer.borderWidth = 1

Колір кордону

customUIView.layer.borderColor = UIColor.blue.cgColor