如何在 UIView 中添加曲线左侧和右侧以实现 swift答案

【问题标题】：How to add Curve left and right side in UIView for swift如何在 UIView 中添加曲线左侧和右侧以实现 swift
【发布时间】：2021-05-18 02:52:48
【问题描述】：

我尝试添加曲线，但不起作用。

图片左边是设计师给的，右边是我快速完成的。

如果添加曲线拐角半径不起作用，则如果我添加拐角半径不适用于曲线。

我已经添加了左侧和右侧单独的视图，如何实现删除超级视图背景颜色和曲线。

extension UIView {

   func roundCorners(
      corners: UIRectCorner,
      radius: CGFloat
   ) {
      let path = UIBezierPath(
         roundedRect: bounds,
         byRoundingCorners: corners,
         cornerRadii: CGSize(
            width: radius,
            height: radius
         )
      )

      let mask = CAShapeLayer()
      mask.path = path.cgPath
      layer.mask = mask
   }
}

// here I am using on UITableviewCell in layoutSubview 

    leftCurve.roundCorners(corners: [.topRight,.bottomRight], radius: 20)        
    rightCurver.roundCorners(corners: [.topLeft,.bottomLeft], radius: 20)

【问题讨论】：

也可以设置半圆形图片为图片视图
曲线不可能？ @KishanBhatiya
我说的是另一种方法，而不是使用UIBezierPath进行绘图

标签： ios objective-c swift uiview layer

【解决方案1】：

这是一个使用UIBezierPath向两侧添加曲线的演示

class ShapeView: UIView {
    
    var path: UIBezierPath = UIBezierPath()
    
    // Set you circle position for verticle.
    var circleYPosition: CGFloat = 50 {
        didSet {
            self.setNeedsDisplay()
        }
    }
    
    override func awakeFromNib() {
        super.awakeFromNib()
        self.backgroundColor = UIColor.clear
        // Here apply shadow
    }
    
    override func draw(_ rect: CGRect) {
        super.draw(rect)
        // 4 corners radious
        UIBezierPath(roundedRect: rect, byRoundingCorners: .allCorners, cornerRadii: CGSize(width: 10, height: 10)).addClip()
        
        // Left - right circle
        path.move(to: CGPoint(x: 0, y: self.frame.size.height))
        
        //left side
        path.addArc(withCenter: CGPoint(x: 0, y: self.circleYPosition - 15),
            radius: 10,
            startAngle: CGFloat((90 * Double.pi) / 180),
            endAngle: CGFloat((270 * Double.pi) / 180),
            clockwise: false)
        
        path.addLine(to: CGPoint(x: 0, y: 0))
        path.addLine(to: CGPoint(x: self.frame.size.width, y: 0))
        path.addLine(to: CGPoint(x: self.frame.size.width, y: self.frame.size.height))
        
        path.move(to: CGPoint(x: self.frame.size.width, y: self.frame.size.height))
        
        //right side
        path.addArc(withCenter: CGPoint(x: self.frame.size.width, y: self.circleYPosition - 15),
                    radius: 10,
                    startAngle: CGFloat((270 * Double.pi) / 180),
                    endAngle: CGFloat((90 * Double.pi) / 180),
                    clockwise: false)
        
        
        path.close()
        UIColor.white.setFill()
        path.fill()
        
        // Center Dash path
        let dashPath = UIBezierPath()
        dashPath.move(to: CGPoint(x: self.bounds.minX + 12, y: self.circleYPosition - 15))
        dashPath.addLine(to: CGPoint(x: self.bounds.maxX - 12, y: self.circleYPosition - 15))
        dashPath.setLineDash([5,5], count: 2, phase: 0.0)
        dashPath.lineWidth = 1.0
        dashPath.lineCapStyle = .butt
        UIColor.lightGray.set()
        dashPath.stroke()
    }
}

【讨论】：