码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-07-30 14:52:31      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:椭圆   color   曲线   路径   属性   实际应用   dem   src   ast   

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哦。

     技术分享技术分享   技术分享


      



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

标签:椭圆   color   曲线   路径   属性   实际应用   dem   src   ast   

原文地址:http://www.cnblogs.com/blfbuaa/p/7258968.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!