ios - 如何使用 swift3 弯曲 UIView 的顶部？

Question

我经历了How to curve the top of a UIView Controller in Swift

并发表看法。它附在下面。我想从我的 View 中删除该背景色。我在 Storyboard 中制作了一个 uiview 并为该 View 分配了一个自定义类。

我的自定义类是

class curvedView: UIView {

override func draw(_ rect: CGRect) {

    let color = UIColor(rgb: 0x285387)
    let y:CGFloat = 0
   // let curveTo:CGFloat = 50

    let myBezier = UIBezierPath()
    myBezier.move(to: CGPoint(x: 0, y: y))

    myBezier.addQuadCurve(to: CGPoint(x: rect.width, y: y), controlPoint: CGPoint(x: rect.width / 2, y: rect.height / 3))
    myBezier.addLine(to: CGPoint(x: rect.width, y: rect.height))
    myBezier.addLine(to: CGPoint(x: 0, y: rect.height))
    myBezier.close()
    let context = UIGraphicsGetCurrentContext()
    context!.setLineWidth(2.0)

    color.setFill()
    myBezier.fill()
}}

extension UIColor {
convenience init(red: Int, green: Int, blue: Int) {
    assert(red >= 0 && red <= 255, "Invalid red component")
    assert(green >= 0 && green <= 255, "Invalid green component")
    assert(blue >= 0 && blue <= 255, "Invalid blue component")

    self.init(red: CGFloat(red) / 255.0, green: CGFloat(green) / 255.0, blue: CGFloat(blue) / 255.0, alpha: 1.0)
}

convenience init(rgb: Int) {
    self.init(
        red: (rgb >> 16) & 0x28,
        green: (rgb >> 8) & 0x53,
        blue: rgb & 0x87
    )
}}

Answer 1

我们只需为该自定义 View 提供 backgroundColor。

喜欢:

class curvedView: UIView {

    override func layoutSubviews() {
        self.backgroundColor = .clear
     }

    override func draw(_ rect: CGRect) {
        let color = UIColor(rgb: 0x285387)
        let y:CGFloat = 0
        let myBezier = UIBezierPath()
        myBezier.move(to: CGPoint(x: 0, y: y))
        myBezier.addQuadCurve(to: CGPoint(x: rect.width, y: y), controlPoint: CGPoint(x: rect.width / 2, y: rect.height / 3))
        myBezier.addLine(to: CGPoint(x: rect.width, y: rect.height))
        myBezier.addLine(to: CGPoint(x: 0, y: rect.height))
        myBezier.close()
        color.setFill()
        myBezier.fill()
    }
}

或者最好在初始化时给出:

class curvedView: UIView {

    override func draw(_ rect: CGRect) {
        let color = UIColor(rgb: 0x285387)
        let y:CGFloat = 0
        let myBezier = UIBezierPath()
        myBezier.move(to: CGPoint(x: 0, y: y))
        myBezier.addQuadCurve(to: CGPoint(x: rect.width, y: y), controlPoint: CGPoint(x: rect.width / 2, y: rect.height / 3))
        myBezier.addLine(to: CGPoint(x: rect.width, y: rect.height))
        myBezier.addLine(to: CGPoint(x: 0, y: rect.height))
        myBezier.close()
        color.setFill()
        myBezier.fill()

    }
    override init(frame: CGRect) {
        super.init(frame: frame)
        self.backgroundColor = UIColor.clear
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        self.backgroundColor = UIColor.clear

    }
}