How to add wave border to uiview?

Question

I'm trying to add a bottom border like below programmatically. I believe I would need to use Beizer path, but not sure how should I go about the path points? Result image

private func setupBorder() {
    let shapeLayer = CAShapeLayer()
    let path = UIBezierPath(rect: frame)

    shapeLayer.path = path.cgPath
    layer.insertSublayer(shapeLayer, at: 0)
}

Answer 1

This way you can add wavy border:

func addDownwardCurve(to path: UIBezierPath?, to point: CGPoint, withAmplitude amplitude: CGFloat) {
let mid = (point.x + (path?.currentPoint.x ?? 0.0)) / 2
path?.addQuadCurve(to: point, controlPoint: CGPoint(x: mid, y: point.y + amplitude))
}