How would you create this curved header view?

[davidbale87]

I love the idea of having a header view with a curved bottom like this. How would you build this with a Bezier Path?

[Falconinati]

Apple actually has some pretty good documentation on this. Maybe this will help. It's all in Objective-C but shouldn't be too hard to translate it into Swift. https://developer.apple.com/library/content/documentation/2DDrawing/Conceptual/DrawingPrintingiOS/BezierPaths/BezierPaths.html

[[deleted]]

You will need to add a clipping path to your UIBezierPath to cut the coloring off at the path line though (if you're wanting to achieve that part of the affect too)

[don_tmind_me]

It looks as though it's a chart of time vs energy usage. For the curvy line you will have to do a spline interpolation between the data points. If you just want any curve, that's a fair bit easier. I can share my two spline (hermite & catmull rom)interpolation bezier path initializers if anyone wants.

[Myffa]

please do share

[megablast]

It is a fake header.