CAShapeLayer 与CABasicAnimation结合使用时strokeStart、strokeEnd 与fromValue、toValue的用法
2015-03-31 20:58
513 查看
因为本人在将CAShapeLayer和CABasicAnimation结合使用的时候,遇到了对属性的组合产生的效果弄不清的情况,特意对它们的用法进行了总结。
1 keyPath = strokeStart 动画的fromValue = 0,toValue = 1
strokeEnd默认为1,strokeStart从 0 到 1 ,strokeStart = 0 时有一条完整的路径,strokeStart
= 1 时 路径消失。效果就是一条从路径起点到终点慢慢的消失
2 keyPath = strokeStart 动画的fromValue = 1,toValue = 0
strokeEnd默认为1,strokeStart从 1 到 0 ,strokeStart = 1 时无路径,strokeStart
= 0 时 画出一条完整的路径。效果就是一条从路径终点到起点慢慢的出现
3 keyPath = strokeEnd 动画的fromValue = 0,toValue = 1
strokeStart默认为0,strokeEnd从 0-1,strokeEnd=0 时,无路径,strokeEnd=1 时,一条完整路径。效果就是一条路径起点到终点慢慢的出现
4 keyPath = strokeEnd 动画的fromValue = 1,toValue = 0
效果就是一条路径从终点到起点慢慢消失
下面我写了一个简单地用法:
1 keyPath = strokeStart 动画的fromValue = 0,toValue = 1
strokeEnd默认为1,strokeStart从 0 到 1 ,strokeStart = 0 时有一条完整的路径,strokeStart
= 1 时 路径消失。效果就是一条从路径起点到终点慢慢的消失
2 keyPath = strokeStart 动画的fromValue = 1,toValue = 0
strokeEnd默认为1,strokeStart从 1 到 0 ,strokeStart = 1 时无路径,strokeStart
= 0 时 画出一条完整的路径。效果就是一条从路径终点到起点慢慢的出现
3 keyPath = strokeEnd 动画的fromValue = 0,toValue = 1
strokeStart默认为0,strokeEnd从 0-1,strokeEnd=0 时,无路径,strokeEnd=1 时,一条完整路径。效果就是一条路径起点到终点慢慢的出现
4 keyPath = strokeEnd 动画的fromValue = 1,toValue = 0
效果就是一条路径从终点到起点慢慢消失
下面我写了一个简单地用法:
<span style="font-size:18px;">CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"strokeEnd"]; animation.fromValue = @0; animation.toValue = @1; animation.duration = 0.5f; [layer addAnimation:animation forKey:@"strokeEnd"];</span>效果就是一条路径起点到终点在0.5s的时间内出现
相关文章推荐
- CAShapeLayer 属性(strokeStart和strokeEnd)
- 通过布赛尔曲线以及CAShapeLayer的strokeStart 、strokeEnd 属性来实现一个圆形进度条
- CAShapeLayer的strokeStart和strokeEnd属性
- [Angular HTML] Overwrite input value, String.fromCharCode & input.selectionStart
- startActivityForResult的详细用法及详细使用说明
- gridview结合Zedgraph使用用法
- 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结
- startActivityForResult的用法,及requestCode、resultCode建议使用情况
- map reduce lambda 区别 用法 结合使用
- CAShapeLayer与UIBezierPath的结合使用
- startActivityForResult的使用和用法
- C# KeyValuePair 的基本用法及结合泛型的用法
- IOS开发基础篇--CAShapeLayer的strokeStart和strokeEnd属性
- gridview结合Zedgraph使用用法
- CAPropertyAnimation对象keyPath属性的strokeStart和strokeEnd两个值
- jQuery中$.inArray(value,array,[fromIndex]))方法使用
- css的一些用法及html标签的结合使用 week2学习
- java中enum用法及和swtich结合使用
- 使用POI导入Excel并解决Cannot get a text value from a numeric formula cell
- Spring Mvc使用Jackson进行json转对象时,遇到的字符串转日期的异常处理(Can not deserialize value of type Date from String)