美文网首页
CAReplicatorLayer 重复图层

CAReplicatorLayer 重复图层

作者: jiangamh | 来源:发表于2016-02-20 18:01 被阅读66次

以前看高级动画的时候,知道CAReplicatorLayer 重复图层,没怎么去用,今天看别人博客看到这个,感觉挺适合做一些动画效果,于是自己尝试一下,做了个简单动画。

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    CAReplicatorLayer *replicatiorLayer = [CAReplicatorLayer layer];
    replicatiorLayer.frame = CGRectMake(100, 64, 350 , 350);
    replicatiorLayer.position = CGPointMake(self.view.bounds.size.width / 2, self.view.bounds.size.height / 2);
    replicatiorLayer.instanceCount= 16;
    replicatiorLayer.instanceTransform = CATransform3DMakeRotation(2 * M_PI / 16, 0, 0, 1);
    replicatiorLayer.instanceBlueOffset = -0.1;
    replicatiorLayer.instanceRedOffset = -0.1;
    replicatiorLayer.instanceDelay = 1.0 / 16; ;
    
    CALayer *layer = [CALayer layer];
    layer.anchorPoint = CGPointMake(0.0, 0.0);
    layer.frame = CGRectMake(80, 150, 30, 30);
    layer.cornerRadius  = 15;
    
    layer.backgroundColor = [UIColor colorWithRed:200/ 255.0 green:200/ 255.0 blue:244/ 255.0 alpha:1].CGColor;
    [replicatiorLayer addSublayer:layer];
    
    [self.view.layer addSublayer:replicatiorLayer];
    CABasicAnimation *baseAnimation = [CABasicAnimation animation];
    baseAnimation.keyPath = @"transform.scale";
    baseAnimation.fromValue = @(1.0);
    baseAnimation.toValue = @(0.1);
    baseAnimation.repeatCount = MAXFLOAT;
    baseAnimation.duration = 1.0;
    [layer addAnimation:baseAnimation forKey:@"baseAnimation"];
    
}
188.gif

相关文章

  • CAReplicatorLayer(重复图层)

    CAReplicatorLayer的目的是为了高效生成许多相似的图层。它会绘制一个或多个图层的子图层,并在每个复制...

  • CAReplicatorLayer 重复图层

    以前看高级动画的时候,知道CAReplicatorLayer 重复图层,没怎么去用,今天看别人博客看到这个,感觉挺...

  • CAReplicatorLayer(重复图层二)

    上篇说道了CAReplicatorLayer的属性和基本用法,接下来利用CAReplicatorLayer来实现一...

  • iOS-CAReplicatorLayer

    CAReplicatorLayer 复制图层 1、什么是CAReplicatorLayer? CAReplicat...

  • CAReplicatorLayer 详解

    CAReplicatorLayer 1 CAReplicatorLayer的目的是为了高效生成许多相似的图层.它...

  • iOS专用图层CAReplicatorLayer、CAEmitt

    CAReplicatorLayer CAReplicatorLayer目的是高效生成许多相似的图层。它会绘制一个或...

  • 复制图层-CAReplicatorLayer

    复制图层-CAReplicatorLayer 有的时候我们需要很多相似的图层,这些图层也不用和用户交互,所以我们先...

  • CAReplicatorLayer 学习和实践

    介绍 CAReplicatorLayer的目的是为了高效生成许多相似的图层。它会绘制一个或多个图层的子图层,并在每...

  • 可复制图层CAReplicatorLayer

    CAReplicatorLayer的作用是高效生成相似的图层。它会复制出多个子图层,并且在每个复制图层上面应用不同...

  • CAReplicatorLayer的使用

    CAReplicatorLayer可以高效的生成许多相似的图层。它可以绘制一个或多个图层的子图层,通过设置一些属性...

网友评论

      本文标题:CAReplicatorLayer 重复图层

      本文链接:https://www.haomeiwen.com/subject/vcmvkttx.html