Как добавить угловой радиус к пунктирной границе вокруг UIView - PullRequest
Новая
       96

Как добавить угловой радиус к пунктирной границе вокруг UIView

1 голос
/ 17 июня 2020

У меня округленный UIView, и я добавил к нему штрих пунктирной линией. 

,,,
    var view = CAShapeLayer()
    view.strokeColor = UIColor.red.cgColor
    view.lineDashPattern = [2, 2]
    view.frame = addphotoView.bounds
    view.fillColor = nil
    view.path = UIBezierPath(rect: addphotoView.bounds).cgPath
    view.cornerRadius = 16
    view.masksToBounds = true

    addphotoView.layer.addSublayer(yourViewBorder)

Но view.cornerRadius работает не так, как ожидалось: Demo

Угол затерт.

1 Ответ

1 голос
/ 17 июня 2020

Быстрый ответ

Округлите Layer s path.

вот так: 

borderLayer.path = UIBezierPath(roundedRect: addphotoView.bounds, byRoundingCorners: .allCorners, cornerRadii: CGSize(width: 16, height: 16)).cgPath

Лучший ответ с использованием расширения

Вы можете переместить все эти logi c в расширение: 

extension UIView {
    @discardableResult
    func addLineDashedStroke(pattern: [NSNumber]?, radius: CGFloat, color: CGColor) -> CALayer {
        let borderLayer = CAShapeLayer()

        borderLayer.strokeColor = color
        borderLayer.lineDashPattern = pattern
        borderLayer.frame = bounds
        borderLayer.fillColor = nil
        borderLayer.path = UIBezierPath(roundedRect: bounds, byRoundingCorners: .allCorners, cornerRadii: CGSize(width: radius, height: radius)).cgPath

        layer.addSublayer(borderLayer)
        return borderLayer
    }
}

Использование: 

addphotoView.addLineDashedStroke(pattern: [2, 2], radius: 16, color: UIColor.gray.cgColor)

Демо

...