Используйте Storyboard, чтобы замаскировать UIView и придать закругленные углы?

Многие вопросы, подобные этому, объясняют, как программно создать маску и предоставить скругленные углы для UIView.

Есть ли способ сделать все это в Storyboard? Просто спрашиваю, потому что кажется, что создание закругленных углов в Storyboard позволяет более четко разграничить представление и логику.

Да, я часто этим пользуюсь, но на такой вопрос уже много раз ответили.

Но все равно в Интерфейсном Разработчике. Вам необходимо добавить определяемые пользователем атрибуты времени выполнения следующим образом:

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

и включить

Clips subviews

Полученные результаты:

Вы можете сделать это в раскадровке, используя определяемые пользователем свойства. Выберите представление, которое вы хотите округлить, и откройте его Инспектор идентичности. В разделе Пользовательские атрибуты среды выполнения добавьте следующие две записи:

• Путь к ключу:, layer.cornerRadiusТип: Число, Значение: (любой радиус, который вы хотите)
• Путь к ключу:, layer.masksToBoundsТип: Boolean, Значение: проверено

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

РЕДАКТИРОВАТЬ: Пример динамического радиуса

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