CALayer-CAReplicatorLayer

发表于   |   分类于   |  

基于产品需求，在进行某些动画开发中，不可避免的会遇到需要创建重复图层的情况。直接循环创建看起来似乎有些蠢。

CALayer提供了CAReplicatorLayer子类，很好的解决了这个问题，它可以将自己的子图层复制指定的次数，并且保留被复制图层的各种基础属性。

常用属性

  • instanceCount

    复制次数，针对其所有的子图层，默认值是1(不复制)。

  • instanceDelay

    复制延迟，一般配合其他动画使用。

  • instanceTransform

    复制图层相对于上一个被复制图层的位移。

使用示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

UIView *loadingView = [self createLoadingView:CGRectMake(100, 100, 30, 30)];
[self.view addSubview:loadingView];
loadingView.center = self.view.center;

- (UIView *)createLoadingView:(CGRect)frame {
    UIView *loadingView = [[UIView alloc] init];
    loadingView.frame = frame;
    CAReplicatorLayer *replicatorLayer = [CAReplicatorLayer layer];
    replicatorLayer.frame = loadingView.bounds;
    [loadingView.layer addSublayer:replicatorLayer];
    
    CALayer *dot = [CALayer layer];
    dot.frame = CGRectMake(0, 0, 6, 6);
    dot.backgroundColor = [UIColor blackColor].CGColor;
    dot.cornerRadius = 3;
    dot.masksToBounds = YES;
    [replicatorLayer addSublayer:dot];
    
    CGFloat count = 8.0;
    replicatorLayer.instanceCount = count;
    CGFloat angel = 2 * M_PI/count;
    replicatorLayer.instanceTransform = CATransform3DMakeRotation(angel, 0, 0, 1);
    
    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
    animation.duration = 1;
    animation.fromValue = @1;
    animation.toValue = @0.1;
    animation.repeatCount = MAXFLOAT;
    animation.removedOnCompletion = NO;
    animation.fillMode = kCAFillModeForwards;
    [dot addAnimation:animation forKey:nil];
    replicatorLayer.instanceDelay = 1.0/ count;
    dot.transform = CATransform3DMakeScale(0.01, 0.01, 0.01);
    return loadingView;
}

效果图

效果图