美文网首页
UIBezierPath -- 利用贝塞尔曲线绘制平滑曲线数据图

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

作者: Eleven_Lv | 来源:发表于2017-10-18 18:06 被阅读0次

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

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

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

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

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

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

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

相关文章

网友评论

      本文标题:UIBezierPath -- 利用贝塞尔曲线绘制平滑曲线数据图

      本文链接:https://www.haomeiwen.com/subject/dupeuxtx.html