贝塞尔曲线与CAShapeLayer的关系以及Stroke动画

1.贝塞尔曲线与CAShapeLayer的关系

   1.1CAShapeLayer需要一个形状才能生效，贝塞尔曲线可以创建基于矢量的路径，进而可以给CAShapeLayer提供路径，路径会闭环。

   1.2贝塞尔曲线作为CAShapeLayer的path，其path是一个首尾相接的闭环的曲线。

2.实际应用

    2.2画椭圆

 

     2.2画矩形，画圆形的方法和上边的一致，只是画图时调用的方法不一致而已。

3.注意：贝塞尔曲线与CAShapeLayer的frame值互不干扰，贝塞尔曲线只不过是要放在CAShapeLayer层上而已，所以CAShapeLayer的frame.size不能小于贝塞尔曲线的frame.size,masksToBounds是CAShapeLayer的一个属性，禁止贝塞尔曲线的路径超出CAShapeLayer的frame范围。

4.StrokeStart与StrokeEnd的用法

   4.1用法步骤：

        4.1.1将ShapeLayer的fillColor设置成透明色

        4.1.2设置边缘线的宽度

        4.1.3设置边缘线的颜色

        4.1.4将strokeStart值设为0，让strokeEnd的值变化，进而触发隐式动画

        4.1.5采用计时器让其变化

    4.2事例应用

     

     

效果图，此效果图是渐变滑动的，类似于扣扣登陆的等待转动视图，大家可以去我的博客资源里面去下载demo哦。