首页 > 代码库 > CAReplicatorLayer复制Layer和动画, 实现神奇的效果
CAReplicatorLayer复制Layer和动画, 实现神奇的效果
今天我们看下CAReplicatorLayer, 官方的解释是一个高效处理复制图层的中间层
。他能复制图层的所有属性
,包括动画
。
一样我们先看下头文件
@interface CAReplicatorLayer : CALayer @property NSInteger instanceCount; //复制的个数 @property BOOL preservesDepth; //这是一个bool值,默认为No,如果设为Yes,将会具有3维透视效果 @property CFTimeInterval instanceDelay; //复制后的layer相比原来的距离 @property CATransform3D instanceTransform; //复制layer的坐标系/方向偏转 @property(nullable) CGColorRef instanceColor; @property float instanceRedOffset; @property float instanceGreenOffset; @property float instanceBlueOffset; @property float instanceAlphaOffset; @end
我们可以通过CAReplicatorLayer实现很炫的动画, 比如这个
上代码:
#import "ViewController.h" @interface ViewController () @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; //创建一个红色的圆形CALayer CALayer * layer = [CALayer layer]; layer.bounds = CGRectMake(0, 0, 30, 30); layer.position = CGPointMake(self.view.center.x - 50, self.view.center.y - 50); layer.backgroundColor = [UIColor redColor].CGColor; layer.cornerRadius = 15; [self.view.layer addSublayer:layer]; //创建一个透明度动画 CABasicAnimation * animation1 = [CABasicAnimation animationWithKeyPath:@"opacity"]; animation1.fromValue = @(0); animation1.toValue = @(1); animation1.duration = 1.5; animation1.autoreverses = YES; //创建一个缩放动画 CABasicAnimation * animation2 = [CABasicAnimation animationWithKeyPath:@"transform.scale"]; animation2.toValue = @(1.5); animation2.fromValue = @(0.5); animation2.duration = 1.5; animation2.autoreverses = YES; //创建一个动画组, 将之前创建的透明度动画和缩放动画加入到这个动画组中 CAAnimationGroup * ani = [CAAnimationGroup animation]; ani.animations = @[animation1,animation2]; ani.duration = 1.5; ani.repeatCount = MAXFLOAT; ani.autoreverses = YES; //将动画组添加到layer [layer addAnimation:ani forKey:nil]; CAReplicatorLayer * rec = [CAReplicatorLayer layer]; rec.instanceCount = 3; rec.instanceDelay = 0.5; rec.instanceTransform = CATransform3DMakeTranslation(50, 0, 0); [rec addSublayer:layer]; [self.view.layer addSublayer:rec]; CAReplicatorLayer * rec2 = [CAReplicatorLayer layer]; rec2.instanceCount = 3; rec2.instanceDelay = 0.5; rec2.instanceTransform = CATransform3DMakeTranslation(0, 50, 0); [rec2 addSublayer:rec]; [self.view.layer addSublayer:rec2]; } @end
利用CAReplicatorLayer可以实现很多神奇的效果, 大家可以在发挥下脑洞
CAReplicatorLayer复制Layer和动画, 实现神奇的效果
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。