反复不断地为视图设置动画

Question

我在模拟一些效果，比如树叶飘落，雪和雨。我的第一个调用是使用CAEmitterLayer，它工作得很好，但我需要在上下文中渲染该层以保存为图像，这似乎是不可能的，或者至少是非常复杂的。

所以我正在处理一些视图动画。我需要不断地给我的ImageView设置动画，这样它就可以从屏幕上掉下来，然后以不同的速度重新出现在屏幕上。

所以我重新定位屏幕上的每一个图像视图，动画是动画，当动画完成时，我从完成块递归调用这样做的方法，这样图像视图就可以到达屏幕的尽头。一旦图像视图到达屏幕的尽头，我就把它重新定位在顶部。

问题是，当动画结束时，我的imageView会停止一点，直到完成块递归调用该方法，我希望它能连续运行。

我的代码为每个imageView生成随机位置，我的动画持续时间非常短，因此我可以随时更新imageView的位置，以防用户点击按钮将视图保存为图像。

不管怎样，这是我的代码：

- (void)effectOnObject:(UIImageView *)object{
    NSInteger initialX;
    NSInteger initialy;
    CGFloat duration;

    //the object have reached the end of screen
    if (object.frame.origin.y >= self.frame.size.height) {
        //generate random position to relocate the object on x axis
        initialX = arc4random() % 321;

        //generate random position to relocate the object on y axis (little bit above top of screen)
        initialy = ((NSInteger)-object.frame.size.height) - arc4random() % 11;

        //duration 0 so the object can be replaced without animation
        duration = 0.0;
    }
    else{
        initialX = object.frame.origin.x;

        //this change the speed of object
        initialy = object.frame.origin.y + 10

        //setted duration to short time
        duration = 0.01;
    }

    [UIView animateWithDuration:duration delay:0 options:UIViewAnimationOptionAllowAnimatedContent 
     animations:^{
        [object setFrame:CGRectMake(initialX, initialy, object.frame.size.width, object.frame.size.height)];
     }
     completion:^(BOOL completed){
         //recursively call
         [self effectOnObject:object];                   
      }];
}

- (void)startEffect{

    //initiate effect on each imageView
    for (UIImageView *object in self.subviews) {
        [self effectOnObject:object];   
    }    
}

当从完成块递归调用该方法并重新启动动画时，我如何反复、连续地制作该动画，而没有间隙？

Answer 1

从我简要阅读的内容中，您应该查看CAReplicatorLayer。这是完美的重复的东西！我能想到的唯一问题是，转换和值必须是增量的。。。

Answer 2

当对象到达屏幕末端时，不需要以0持续时间制作动画。只需在完成块中进行测试，并在递归调用之前重新定位视图。此外，0.01的持续时间似乎有点极端（每秒100帧）。也许更合理的值（如0.1）会有所帮助。

比如：

- (void)effectOnObject:(UIImageView *)object{

    //setted duration to short time
    CGFloat duration = 0.1;

    [UIView animateWithDuration:duration delay:0 options:UIViewAnimationOptionAllowAnimatedContent
                     animations:^{

                         NSInteger initialX = object.frame.origin.x;

                         //this change the speed of object
                         NSInteger initialy = object.frame.origin.y + 10;

                         [object setFrame:CGRectMake(initialX, initialy, object.frame.size.width, object.frame.size.height)];
                     }
                     completion:^(BOOL completed){

                         NSInteger initialX = arc4random() % 321;

                         //generate random position to relocate the object on y axis (little bit above top of screen)
                         NSInteger initialy = ((NSInteger)-object.frame.size.height) - arc4random() % 11;

                         [object setFrame:CGRectMake(initialX, initialy, object.frame.size.width, object.frame.size.height)];

                         //recursively call
                         [self effectOnObject:object];
                     }];
}