CATransaction 开始/提交在循环中不被遵守，所有这些都同时发生

Question

我正在研究Hillegass/Preble Cocoa书的第4版，并在Core Animation中遇到了一个我无法理解的障碍。

特别是，我有以下循环，它将图像列表（据说一次一个）呈现到层托管视图中。预期的结果是，我应该看到每个图像一次一个地飞出，就像调用presentImage一样。实际结果是视图保持空，直到循环完成，然后图像一次全部飞出。在延迟期间，我看到多个日志消息，指示多次调用presentImage。当这些日志消息停止时，指示循环已完成，然后所有图像立即飞出。

// loop to present each image in list of URLs
// called at end of applicationDidFinishLaunching
NSTimeInterval t0 = [NSDate timeIntervalSinceReferenceDate];
for(id url in urls) {
    NSImage *img = [[NSImage alloc] initWithContentsOfURL:url];
    if(!img)
        continue;
    NSImage *thumbImg = [self thumbImageFromImage:img];
    [self presentImage:thumbImg];
    NSString *dt = [NSString stringWithFormat:@"%0.1fs",
                   [NSDate timeIntervalSinceReferenceDate]-t0];
    NSLog(@"Presented %@ at %@ sec",url,dt);
}

thumbImageFromImage方法正好按照您的想法执行（创建较小的图像）。presentImage的代码如下：

- (void)presentImage:(NSImage *)image
{
    CGRect superlayerBounds = view.layer.bounds;
    NSPoint center = NSMakePoint(CGRectGetMidX(superlayerBounds), CGRectGetMidY(superlayerBounds));
    NSRect imageBounds = NSMakeRect(0, 0, image.size.width, image.size.height);
    CGPoint randomPoint = CGPointMake(CGRectGetMaxX(superlayerBounds)*(double)random()/(double)RAND_MAX, CGRectGetMaxY(superlayerBounds)*(double)random()/(double)RAND_MAX);
    CAMediaTimingFunction *tf = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
    CABasicAnimation *posAnim = [CABasicAnimation animation];
    posAnim.fromValue = [NSValue valueWithPoint:center];
    posAnim.duration = 1.5;
    posAnim.timingFunction = tf;
    CABasicAnimation *bdsAnim = [CABasicAnimation animation];
    bdsAnim.fromValue = [NSValue valueWithRect:NSZeroRect];
    bdsAnim.duration = 1.5;
    bdsAnim.timingFunction = tf;
    CALayer *layer = [CALayer layer];
    layer.contents = image;
    layer.actions = [NSDictionary dictionaryWithObjectsAndKeys:posAnim,@"position", bdsAnim, @"bounds", nil];
    [CATransaction begin];
    [view.layer addSublayer:layer];
    layer.position = randomPoint;
    layer.bounds = NSRectToCGRect(imageBounds);
    [CATransaction commit];
}

观察到的结果就好像[CATransaction begin]和[CATransaction commit]调用将for循环括起来，而不是在presentImage内部调用addSublayer。事实上，如果我从presentImage内部移除[CATransaction begin]和[CATransaction commit]，而是将for循环括起来，我确实观察到相同的一次性行为。实际上，如果我完全删除对[CATransaction begin]和[CATransaction commit]的调用，我会观察到相同的一次性行为。

Answer 1

好问题。 考虑到练习的架构方式，你所看到的是意料之中的。 原因是图层的动画（和绘图）是在主线程上完成的，该线程当前正在加载图像和创建缩略图。 直到加载了所有图像并创建了缩略图，主线程才能真正执行您请求的动画。 CATransaction在此单线程上下文中没有任何影响。

我们将在下一章（34，并发）中通过在后台线程中准备图像（使用 NSOperationQueue）对此进行改进。 这将释放主线程以显示新图像，并在后台加载每个图像并调整大小时执行动画。

Answer 2

好吧，在让这个错误从我身上消失了几个星期之后，这似乎是有意义的，现在对我来说似乎（有点）明显，所以希望我不会太远。

从我上面原始问题中给出的代码来看，主线程负责所有 UI 更新，包括动画，但在完成之前，主线程实际上被阻止更新 UI，presentImage。无论我们如何presentImage拆分为线程（如第 34 章），都是如此。

例如，如果我presentImage调用按钮作为按钮的目标，而不是像上面的代码那样循环播放，则每个动画在我单击按钮后立即开始，并按预期进行，无论我单击按钮的速度有多快（或不多快）。这样做最终会得到多个同时出现的动画，正如我所期望的那样（正如我错误地从原版中期望的那样）。

我

不确定我是否准确地捕获了官方技术细节，但这至少让我满意作为一个答案。