Угол UIBezierPath не отображался правильно, когда радиус равен высоте - PullRequest
Новая
       32

Угол UIBezierPath не отображался правильно, когда радиус равен высоте

0 голосов
/ 02 августа 2020

Вот тестовый код, вы можете скопировать и протестировать: 

override func viewDidLoad() {
    super.viewDidLoad()
    
    let blueView = UIView(frame: .init(x: 20, y: 100, width: 100, height: 40))
    blueView.backgroundColor = .blue
    view.addSubview(blueView)
    let blueViewPath = UIBezierPath.init(roundedRect: blueView.bounds, byRoundingCorners: [.bottomLeft, .bottomRight], cornerRadii: .init(width: 20, height: 20))
    let blueViewLayer = CAShapeLayer()
    blueViewLayer.frame = blueView.bounds
    blueViewLayer.path = blueViewPath.cgPath
    blueView.layer.mask = blueViewLayer
    
    let orangeView = UIView(frame: .init(x: 20, y: 150, width: 100, height: 40))
    orangeView.backgroundColor = .orange
    view.addSubview(orangeView)
    let orangeViewPath = UIBezierPath.init(roundedRect: orangeView.bounds, byRoundingCorners: [.bottomLeft, .bottomRight], cornerRadii: .init(width: 40, height: 40))
    let orangeViewLayer = CAShapeLayer()
    orangeViewLayer.frame = orangeView.bounds
    orangeViewLayer.path = orangeViewPath.cgPath
    orangeView.layer.mask = orangeViewLayer
}

результат

Высота blueView и orangeView равна 40, радиус blueView равен 20, радиус OrangeView равен 40.

Но, как вы видите, радиус OrangeView выглядит как 20.

Зачем? Как решить?

Ответы [ 2 ]

0 голосов
/ 03 августа 2020

Решение: 

let orangeView = UIView(frame: .init(x: 150, y: 100, width: 260, height: 40))
orangeView.backgroundColor = .orange
view.addSubview(orangeView)
let orangeViewPath = UIBezierPath.init(roundedRect: .init(x: 0, y: -40, width: 260, height: 80), byRoundingCorners: [.bottomLeft, .bottomRight], cornerRadii: .init(width: 40, height: 40))
let orangeViewLayer = CAShapeLayer()
orangeViewLayer.frame = orangeView.bounds
orangeViewLayer.path = orangeViewPath.cgPath
orangeView.layer.mask = orangeViewLayer
0 голосов
/ 02 августа 2020

Согласно Документации Apple , пожалуйста, прочтите, чтобы узнать, почему он это делает

bezierPathWithRoundedRect: byRoundingCorners: cornerRadii:

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

...