首页 > 代码库 > CAShapeLayer的strokeStart和strokeEnd属性

CAShapeLayer的strokeStart和strokeEnd属性

     strokeStart和strokeEnd 是一个0-1的取值范围。表示一段路径的开始和结尾。比如开始位置为0.5结束位置为1 那就只渲染出后半段的路径

     strokeStart 翻译过来就是清除开始位置

     strokeEnd   意思就是清除结束的位置

     

     

     这里有4个组合

     1 keyPath = strokeStart  动画的fromValue = http://www.mamicode.com/0,toValue = 1

     表示从路径的0位置画到1 怎么画是按照清除开始的位置也就是清除0 一直清除到1 效果就是一条路径慢慢的消失

     

     2 keyPath = strokeStart  动画的fromValue = http://www.mamicode.com/1,toValue = 0

     表示从路径的1位置画到0 怎么画是按照清除开始的位置也就是1 这样开始的路径是空的(即都被清除掉了)一直清除到0 效果就是一条路径被反方向画出来

     

     3 keyPath = strokeEnd  动画的fromValue = http://www.mamicode.com/0,toValue = 1

     表示 这里我们分3个点说明动画的顺序  strokeEnd从结尾开始清除 首先整条路径先清除后2/3,接着清除1/3 效果就是正方向画出路径

     

     3 keyPath = strokeEnd  动画的fromValue = http://www.mamicode.com/1,toValue = 0

     效果就是反方向路径慢慢消失

CAShapeLayer的strokeStart和strokeEnd属性