iOS之CAReplicatorLayer屬性簡介和使用

1、CAReplicatorLayer簡介

　　CAReplicatorLayer用於對圖層進行復制，包括圖層的動畫也能復制！可以看着將某一段事務進行重復！

#import <QuartzCore/CALayer.h>

NS_ASSUME_NONNULL_BEGIN
CA_CLASS_AVAILABLE (10.6, 3.0, 9.0, 2.0)
@interface CAReplicatorLayer : CALayer

//指定圖層重復制多少次
@property NSInteger instanceCount;

//設置為YES,圖層將保持於CATransformLayer類似的性質和相同的限制
@property BOOL preservesDepth;

//復制延時，一般用在動畫上
@property CFTimeInterval instanceDelay;

//3D變換
@property CATransform3D instanceTransform;

//設置多個復制圖層的顏色,默認位白色
@property(nullable) CGColorRef instanceColor;

//設置每個復制圖層相對上一個復制圖層的紅色、綠色、藍色、透明度偏移量
@property float instanceRedOffset;
@property float instanceGreenOffset;
@property float instanceBlueOffset;
@property float instanceAlphaOffset;

@end

NS_ASSUME_NONNULL_END

 

2、CAReplicatorLayer的簡單使用

- (void)cirAction{
    CAShapeLayer *sharLayer = [CAShapeLayer layer];
    sharLayer.backgroundColor = [UIColor redColor].CGColor;
    sharLayer.bounds = CGRectMake(0, 0, 20, 20);
    sharLayer.position = CGPointMake(CScreenWidth/2, 150);
    sharLayer.cornerRadius = 10;
    
    CABasicAnimation *ani = [CABasicAnimation animationWithKeyPath:@"transform"];
    ani.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeScale(10, 10, 1)];
    ani.duration = 2;
    
    CABasicAnimation *ani1 = [CABasicAnimation animationWithKeyPath:@"opacity"];
    ani1.fromValue = @1;
    ani1.toValue = @0;
    ani1.duration = 2;
    
    CAAnimationGroup *group = [CAAnimationGroup animation];
    group.animations = @[ani,ani1];
    group.duration = 2;
    group.repeatCount = HUGE;
    [sharLayer addAnimation:group forKey:nil];
    
    CAReplicatorLayer *replayer  =[CAReplicatorLayer layer];
    [replayer addSublayer:sharLayer];
    replayer.instanceCount = 3;
    replayer.instanceDelay = 0.5;
    [self.showView.layer addSublayer:replayer];
}

效果圖

 

- (void)alphaAction{
    CAShapeLayer *shapeLayer = [CAShapeLayer layer];
    shapeLayer.backgroundColor = [UIColor redColor].CGColor;
    shapeLayer.bounds = CGRectMake(0, 0, 50, 50);
    shapeLayer.position = CGPointMake(CScreenWidth/2, 50);
    shapeLayer.borderColor = [UIColor whiteColor].CGColor;
    shapeLayer.cornerRadius = 25;
    shapeLayer.borderWidth = 1;
    shapeLayer.transform = CATransform3DMakeScale(.0, .0, .0);


    CABasicAnimation *ani = [CABasicAnimation animationWithKeyPath:@"transform"];
    ani.duration = 2;
    ani.repeatCount = HUGE;
    ani.fromValue = [NSValue valueWithCATransform3D:CATransform3DMakeScale(1, 1, 1)];
    ani.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeScale(.1, .1, .1)];
    [shapeLayer addAnimation:ani forKey:nil];

    CAReplicatorLayer *repLayer = [CAReplicatorLayer layer];
    repLayer.frame = CGRectMake(0, 0, CScreenWidth, 300);

    [repLayer addSublayer:shapeLayer];
    repLayer.instanceCount = 20;
    repLayer.instanceDelay = .1;
    repLayer.instanceTransform = CATransform3DMakeRotation(M_PI/10, 0, 0, 1);
    repLayer.instanceAlphaOffset = -0.05;
    [self.showView.layer addSublayer:repLayer];

}

效果圖