在另一个NSView（特别是WebView）上绘制透明的覆盖层

Question

我需要在另一个NSView（特别是WebView）上绘制透明的覆盖层。 目的是显示一些具有半透明背景的通知文本。 在我的第一个实验中，我创建了一个仅显示绿色正方形的“覆盖”视图：

class Overlay: NSView {
    override func drawRect(dirtyRect: NSRect) {
        NSColor.greenColor().setFill()
        NSBezierPath(rect: CGRect(x: 10, y: 10, width: 1000, height: 1000)).fill()
    }
}

然后，在我的代码中，实例化它们并像这样添加它们：

webView = WebView(frame: bounds)
overlay = Overlay(frame: bounds)

addSubview(webView)
addSubview(overlay)

令我惊讶的是，这仅适用于某些页面。 例如，如果您访问https://twitter.com/screensavrninja ，它将使整个页面显示为灰色，并向您显示退出弹出窗口。 变灰和弹出都在绿色方块的顶部。

为什么会这样呢？ 有什么合适的方法可以使覆盖物保持在顶部？

Answer 1

在AppKit中，子视图的顺序不一定确定绘制它们的顺序。

出于性能方面的考虑，当同级视图重叠时，Cocoa不会在同级视图之间强制剪切或保证正确的无效和绘制行为。 如果要在另一个视图前面绘制一个视图，则应将前视图作为后视图的子视图（或后代）。

参考

但是，如果您使视图成为分层支持，则它们会遵循顺序 。 因此，您可以尝试启用它。

否则，您可以使用子窗口显示叠加层。 这具有能够扩展到父代范围之外的优点，并且在可可中相当普遍。 请参阅NSWindow文档 。