UIBezierPath -- 利用贝塞尔曲线绘制平滑曲线数据图形


拿到 UI 的第一时间就是哦买噶... 对着 UI 想了半天, 这曲线怎么画, 圆心怎么找, 弧度怎么算.... 终于...  原来是我想多了..  


贝塞尔曲线完美解决这一问题, 主要方法就是使用

- (void)addCurveToPoint:(CGPoint)endPoint controlPoint1:(CGPoint)controlPoint1 controlPoint2:(CGPoint)controlPoint2;

计算 controlPoint1, controlPoint2  相邻两个控制点的 CGPoint, 组成一条控制线, 上代码... 


这部分代码是提前设置好需要显示的几个点的位置, 怎么替换数据就不说了...  


出去中间我绘制了控制线的代码, 可以直接缩减到30行代码, 最终效果就是


整个线条就是我们需要显示的平滑曲线, 竖线为两个控制点组成的控制面. 很简单的实现了这部分 UI 的主要功能, 不用谢, 我就是雷锋

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容