CABasicAnimation在应该只动画一件东西的时候动画所有东西

Question

我制作了一堆个别的小图片，每张图片都有一个单独的CALayer，并且它们应该以不同的速率异步地淡入和淡出。每个都有一个背景子图层和一个填充子图层。计时器在后台运行，在特定时刻单独为每个人设置动画。对于该程序的当前行为，而不是为每个单独的动画制作动画，而是围绕它动画化整个屏幕。你能帮我做到这一点吗？它一次只能激活一个图像？

编辑：我应该更清楚。时机不是问题。在我切换到CoreAnimation之前，这些图像在适当的时候正确地动画。但是，这里的主要问题是，当我告诉一个图像进行动画制作时，整个屏幕（包括所有图像之外的屏幕的背景部分）都会生成动画。

以下代码段用于在UIView代码中创建分层结构。 Self指的是主要的UIView。返回值用于为代表屏幕上这些小图像之一的类设置CALayer成员变量。

- (CALayer *) createImageLayer:(CGPoint)orig Center:(CGPoint)pos { 
    CALayer *parentLayer = [self layer]; 
    CALayer *childLayer1 = [CALayer layer]; 
    childLayer1.bounds = CGRectMake(0, 0, 40.0f, 40.0f); 
    childLayer1.position = pos; 
    CALayer *childLayer2 = [CALayer layer]; 
    childLayer2.bounds = CGRectMake(0, 0, 40.0f, 40.0f); 
    childLayer2.position = pos; 

    float components[4] = {1.0, 1.0, 1.0, 1.0}; 

    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB(); 
    CGColorRef whiteColor = CGColorCreate(colorSpace, components); 

    childLayer1.backgroundColor = whiteColor; 
    childLayer2.backgroundColor = whiteColor; 

    UIImage *childImage = [UIImage imageNamed:@"back.png"]; 
    UIImage *childImage2 = [UIImage imageNamed:@"fill.png"]; 

    CGImageRef imageRef = [childImage CGImage]; 
    CGImageRef imageRef2 = [childImage2 CGImage]; 

    childLayer1.contents=(id)imageRef; 
    childLayer2.contents=(id)imageRef2; 

    [parentLayer addSublayer:childLayer1]; 
    [parentLayer addSublayer:childLayer2]; 

    CGColorSpaceRelease(colorSpace); 
    CGColorRelease(whiteColor); 

    return parentLayer; 
} 

告诉它动画的代码。图像对象被告知将动画添加到其图层成员。

- (void) fadeAnimation:(ImageClass *)image { 
    CABasicAnimation *theAnimation; 

    theAnimation=[CABasicAnimation animationWithKeyPath:@"opacity"]; 
    theAnimation.duration=1.0; // fixed duration for now 
    theAnimation.repeatCount=1; 
    theAnimation.autoreverses=YES; 
    theAnimation.fromValue=[NSNumber numberWithFloat:1.0]; 
    theAnimation.toValue=[NSNumber numberWithFloat:0.0]; 
    [image.myLayer addAnimation:theAnimation forKey:@"animateOpacity"]; 
} 

Answer 1

首先，你的代码可以很显著凝结这将使它更容易阅读：

- (CALayer *) createImageLayer:(CGPoint)orig Center:(CGPoint)pos 
{  
    CALayer *childLayer1 = [CALayer layer]; 
    childLayer1.bounds = CGRectMake(0, 0, 40.0f, 40.0f); 
    childLayer1.position = pos; 

    CALayer *childLayer2 = [CALayer layer]; 
    childLayer2.bounds = CGRectMake(0, 0, 40.0f, 40.0f); 
    childLayer2.position = pos; 

    childLayer1.backgroundColor = [[UIColor whiteColor] CGColor]; 
    childLayer2.backgroundColor = [[UIColor whiteColor] CGColor]; 

    childLayer1.contents=(id)[[UIImage imageNamed:@"back.png"] CGImage]; 
    childLayer2.contents=(id)[[UIImage imageNamed:@"fill.png"] CGImage]; 

    [[self layer] addSublayer:childLayer1]; 
    [[self layer] addSublayer:childLayer2]; 

    return parentLayer; 
} 

接下来，我会建议，而不是创建一个定时器，你只需要使用-performSelector： withObject：afterDelay。然后，您可以一次添加所有动画，只需交错afterDelay参数即可。像这样：

int i = 0; 
for (i = 0; i < 10; ++i) 
{ 
    [self performSelector:@selector(fadeAnimation:) 
       withObject:images[i] 
       afterDelay:(CGFloat)i]; 
} 

其中图像是您的ImageClass对象的C数组。当然，你不必使用C数组。你可以使用NSArray，但你仍然需要一个计数器来处理afterDelay参数。这会让您的动画每一秒都发生错位。我不确定你想要什么，所以我只是以此为例。

还有其他方法可以做到Core Animation所要求的功能。你可以看看动画分组和属性，但我认为上面提到的-peformSelector方法是一条阻力较小的路径。

致以问候