使用facebook pop 与 CAShapeLayer 实现 画线条的动画效果
来源:互联网 发布:知乎怎么找匿名回答 编辑:程序博客网 时间:2024/06/05 05:09
1.首先创建一个CAShapeLayer
self.lockLineH = [CAShapeLayer layer]; self.lockLineH.strokeColor = LockBlueColor.CGColor; self.lockLineH.fillColor = [[UIColor clearColor] CGColor]; self.lockLineH.lineWidth = LockPatternLineWidth; self.lockLineH.strokeEnd = 0.f; [self.contentView.layer addSublayer:self.lockLineH];
上面设置的属性有一个重点的地方就是strokeEnd属性设置为0, 这代表在初始化之后shapeLayer被画完成的进度是0,如果设置为1则是100%
self.lockLineH.strokeEnd = 0.f;接下来还有另一个属性需要重点设置:path, 使用UIBezierPath的这种方式来创建线条的起始点和结束点,不能使用CGPathCreateWithRect来创建一个path
UIBezierPath *path1 = [UIBezierPath bezierPath]; [path1 moveToPoint:CGPointMake(self.roundClick1.position.x, self.roundClick1.position.y)]; [path1 addLineToPoint:CGPointMake(self.roundClick3.position.x, self.roundClick3.position.y)]; <span style="font-family: Arial, Helvetica, sans-serif;">self.lockLineH.path </span>= path1.CGPath;
2. 创建一个POPBasicAnimation实例,并添加到CAShapeLayer上
POPBasicAnimation *lockAnimationH = [POPBasicAnimation animationWithPropertyNamed:kPOPShapeLayerStrokeEnd]; lockAnimationH.duration = LockPatternAnimationDuration*2; lockAnimationH.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear]; lockAnimationH.fromValue = @0.f; lockAnimationH.toValue = @1.0f; [self.lockLineH pop_addAnimation:lockAnimationH forKey:@"AnimateBounds"];这里重点是使用kPOPShapeLayerStrokeEnd这个属性进行动画,然后就是是fromValue和toValue,从0到1。
0 0
- 使用facebook pop 与 CAShapeLayer 实现 画线条的动画效果
- Facebook POP动画简单使用
- Facebook POP动画简单使用
- Facebook POP动画简单使用
- CAGradientLayer与CAShapeLayer实现不同颜色画圆动画(Spark相机的录制的效果)
- WPF 画线动画效果实现
- iOS开发之iOS中的动画实现,通过CAShapeLayer、CAShapeLayer,CAReplicatorLayer实现炫酷的动画、雷达效果,波纹效果,咻一咻效果。iOS核心动画实现。
- 使用 Facebook开源动画库 POP 实现真实衰减动画
- facebook paper开放的动画库pop
- 开源动画框架Facebook的Pop
- FaceBook POP动画的几个示例
- 使用CAShapeLayer实现复杂的View的遮罩效果
- iOS使用CAShapeLayer实现复杂的View遮罩效果
- iOS 动画效果:Core Animation & Facebook's pop
- iOS 动画效果:Core Animation & Facebook's pop
- iOS CAShapeLayer + UIBezierPath 实现震动条调效果
- iOS中Facebook开源动画库POP的简单使用
- 基于Canvas的画线动画效果
- 随机生成多语言字符串的代码实现
- 在制作秒表的时候使用NSTimer的一些总结
- JsonProcessingException原来是使用的包不对
- Windows里的虚拟机迁移到KVM无法启动是何原因?
- CGContextRef 属性总结
- 使用facebook pop 与 CAShapeLayer 实现 画线条的动画效果
- Spring整合Hibernate动态切换SessionFactory (切换数据库方言)
- Unity3D控制游戏对象圆滑转向
- 手机软件测试总结
- virtualbox是不是无法在控制台下启动安装好的虚拟机?
- 屏幕旋转
- 第一章(绪论)
- Linux系统中的gadgetfs介绍(续)
- iBatis与MyBatis区别2