IOS开发基础篇--CAShapeLayer的strokeStart和strokeEnd属性

最新推荐文章于 2023-07-29 12:05:39 发布

yixiangboy

最新推荐文章于 2023-07-29 12:05:39 发布

阅读量1.5w

点赞数 6

分类专栏： IOS开发UI篇文章标签： ios 进度条 ShapeLayer stroke

本文链接：https://blog.csdn.net/yixiangboy/article/details/50662704

版权

本文介绍了如何使用CAShapeLayer的strokeStart和strokeEnd属性高效实现圆形进度条。通过这两个属性，可以方便地控制Path的绘制区域，并且支持动画，避免了移除旧Layer再重绘的低效方式。

摘要由CSDN通过智能技术生成

一、案例演示

最近有一个小需求，就是要做一个圆形进度条，大概样子如下：
演示图片。
在不知道有CAShapeLayer的strokeStart和strokeEnd属性的时候，我采取的方法就是实时的移除旧的CAShapeLayer 然后重绘这个圆形的CAShapeLayer。显然这种方式的效率是不高的。后来在一次看别人Demo的时候，发现别人使用了CAShapeLayer的strokeStart和strokeEnd属性，实现这一个效果十分的简单方便。下面就和大家来讲一讲这两个属性的使用。

二、属性详解

苹果官方给出这两个属性的解释为：
/* These values define the subregion of the path used to draw the
* stroked outline. The values must be in the range [0,1] with zero
* representing the start of the path and one the end. Values in
* between zero and one are interpolated linearly along the path
* length. strokeStart defaults to zero and strokeEnd to one. Both are
* animatable. */

大概意思就是：我们可以对绘制的Path进行分区。这两个属性的值在0~1之间，0代表Path的开始位置，1代表Path的结束位置。是一种线性递增关系。strokeStart默认值为0，