cocoa - 为什么空的绘制矩形会干扰简单的动画？

Question

我正在尝试将我自己对 Cocoa 的 NSPathControl 的看法整合在一起。

为了找出处理当鼠标悬停在控件中的组件上时所获得的展开收缩动画的最佳方法，我编写了一个非常简单的示例应用程序。最初一切进展顺利 - 将鼠标移入或移出包含路径组件的 View ，您将使用以下代码获得一个简单的动画:

// This code belongs to PathView (not PathComponentView)

override func mouseEntered(theEvent: NSEvent) {

    NSAnimationContext.runAnimationGroup({ (ctx) -> Void in
        self.animateToProportions([CGFloat](arrayLiteral: 0.05, 0.45, 0.45, 0.05))
    }, completionHandler: { () -> Void in
            //
    })
}

// Animating subviews

func animateToProportions(proportions: [CGFloat]) {

    let height = self.bounds.height
    let width = self.bounds.width

    var xOffset: CGFloat = 0
    for (i, proportion) in enumerate(proportions) {
        let subview = self.subviews[i] as! NSView
        let newFrame = CGRect(x: xOffset, y: 0, width: width * proportion, height: height)
        subview.animator().frame = newFrame
        xOffset = subview.frame.maxX
    }
}

作为控件开发的下一步，我开始使用自己的 NSView 子类，而不是使用 NSView 实例作为我的路径组件:

class PathComponentView: NSView {

    override func drawRect(dirtyRect: NSRect) {
        super.drawRect(dirtyRect)
    }
}

虽然本质上与 NSView 相同，但当我在动画中使用此类时，动画不再执行其应有的操作 - 我为 subview 设置的帧几乎被忽略，并且整个动画效果很丑。如果我注释掉子类的 drawRect: 方法，事情就会恢复正常。谁能解释一下出了什么问题吗？为什么 drawRect: 的存在会干扰动画？

我已经输入了demo project在我的 GitHub 页面上。

Answer 1

您在这里违反了一些规则，当您违反规则时，行为将变得不确定。

在图层支持的 View 中，您不得直接修改图层。请参阅 wantsLayer 的文档(这就是您指定它是层支持的方式):

In a layer-backed view, any drawing done by the view is cached to the underlying layer object. This cached content can then be manipulated in ways that are more performant than redrawing the view contents explicitly. AppKit automatically creates the underlying layer object (using the makeBackingLayer method) and handles the caching of the view’s content. If the wantsUpdateLayer method returns NO, you should not interact with the underlying layer object directly. Instead, use the methods of this class to make any changes to the view and its layer. If wantsUpdateLayer returns YES, it is acceptable (and appropriate) to modify the layer in the view’s updateLayer method.

您调用此电话:

subview.layer?.backgroundColor = color.CGColor

这就是“直接与底层对象交互”。你不被允许这样做。当没有drawRect时，AppKit 会跳过尝试重绘 View ，而只是使用 Core Animation 来对那里的内容进行动画处理，这会满足您的期望(您只是运气好；我们不保证这会起作用)。

但是当它看到你实际实现了 drawRect (它知道你做了，但它不知道里面有什么)，然后它必须调用它来执行自定义绘图。您有责任确保drawRect填充矩形的每个像素。您不能依赖支持层来为您执行此操作(这只是一个缓存)。您没有绘制任何内容，因此您看到的是默认背景灰色与缓存颜色的混合。一旦我们走上这条路，就不能保证所有像素都会正确更新。

如果要操作图层，您需要“图层托管 View ”而不是“图层支持 View ”。您可以通过将 AppKit 的缓存层替换为您自己的自定义层来实现这一点。

let subview = showMeTheProblem ? PathComponentView() : NSView()
addSubview(subview)
subview.layer = CALayer() // Use our layer, not AppKit's caching layer.
subview.layer?.backgroundColor = color.CGColor

虽然在这种情况下可能并不重要，但请记住，层支持 View 和层托管 View 具有不同的性能特征。在层支持的 View 中，AppKit 正在缓存您的 drawRect结果进入其缓存层，然后相当自动地应用动画(这允许在 CALayer 之前编写的现有 AppKit 代码获得一些不错的选择加入性能改进，而无需进行太多更改)。从分层托管的角度来看，该系统更像是iOS。你没有得到任何神奇的缓存。只有一个图层，您可以在其上使用核心动画。