1

我正在完成第 4 版。Hillegass/Preble Cocoa 的书,并且遇到了我在核心动画中无法理解的障碍。

特别是,我有以下循环,它将图像列表(据说一次一张)呈现到图层托管视图中。预期的结果是我应该看到每张图像一次一张地飞出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]and[CATransaction commit]调用将for循环括起来,而不是对addSublayerinside的调用presentImage。事实上,如果我从内部删除[CATransaction begin]and而是将循环括起来,我确实会观察到相同的一次性行为。实际上,如果我完全删除对的调用,我会观察到相同的一次性行为。[CATransaction commit]presentImagefor[CATransaction begin][CATransaction commit]

4

2 回答 2

3

好问题。鉴于练习的架构方式,您所看到的内容是意料之中的。原因是图层的动画(和绘图)是在主线程上完成的,当前主要是加载图像和创建缩略图。直到所有图像都被加载并创建了缩略图,主线程才能真正开始执行您请求的动画。 CATransaction在这个单线程上下文中没有太大的影响。

我们在下一章(34,并发)中通过在后台线程中准备图像(使用NSOperationQueue)来改进这一点。这释放了主线程来显示新图像并在每个图像在后台加载和调整大小时执行动画。

于 2012-04-15T00:39:40.270 回答
0

好吧,在让这个错误从我身上消失了几个星期之后,这似乎是有道理的,而且现在对我来说似乎(有点)显而易见,所以希望我不会离得太远。

从我上面原始问题中给出的代码来看,主线程负责所有 UI 更新,包括动画,但在presentImage完成之前,主线程被有效地阻止更新 UI。无论我们如何拆分presentImage线程(如第 34 章),这都是正确的。

例如,如果我presentImage调用了一个按钮的目标,而不是像上面的代码那样循环它,那么每个动画都会在我单击按钮后立即开始,并且无论我单击多快(或不快)都按我的预期进行按钮。这样做最终会产生多个同时出现的动画,正如我所期望的那样(正如我错误地从原版中预期的那样)。

我不确定我是否准确地捕捉到了官方的技术细节,但这至少让我满意。

于 2012-05-04T00:44:00.467 回答