macos - 使用 NSView 图层作为另一个 NSView 的 mask ，并仍然显示它

Question

我有两个 NSView，a 和 b。具体来说，a是一个WebView，b是一个NSVisualEffectView，但我认为这并不重要.

a 在非矩形 Alpha channel 中包含内容，我想使用 a 的 Alpha channel 来屏蔽 b。但是，我仍然希望在 b 之上显示 a，而 b 通过 a 的半透明部分保持可见.

我现在拥有的:

我在 Interface Builder 中设置了 a 和 b 并连接到我的 AppDelegate。它们是 sibling ，是 NSWindow 的默认 NSView 的唯一子级。它们都被限制为完全填充 NSWindow。

如果我现在运行该应用程序，我会在 b 顶部显示 a

然后，在 applicationDidFinishLaunching: 中，我调用

((NSView*) self.window.contentView).wantsLayer = YES;
self.b.layer.mask = self.a.layer;

这会导致 b 根据 a 的 Alpha channel 被正确屏蔽。 但是，a不再可见。此时，我不知道 a 是否根本没有显示，或者它是否只是显示在 b 后面。我希望仍然能够看到 a，并通过 a 的任何半透明部分看到 b。是否可以简单地通过以某种方式修改图层操作来实现？

谢谢。

Answer 1

考虑到 Photoshop 中 Alpha channel 的常见用法，这已经是正确的行为。蒙版的概念是从一些矩形图像中切出碎片，蒙版本身保持不可见。这为您提供了所有可用的选择。为了让“蒙版”也被看到，它必须再次显示在其他元素的顶部或底部(不转换为蒙版)，可能带有一些 alpha 值以使其部分透明。现在出现的问题是，根据特定的掩码元素，是否可以简化它以节省一些内存 - 这当然取决于项目。我需要在我的“关于”框中使用透明的蒙版文本(在动画时使文本淡出)，并且您的代码对我来说效果很好，我尝试创建您想要的内容，这是最简单的方法:作为(测试)蒙版 View ，我在 phososhop 中创建了一个半透明的单色星形，从全白到几乎全透明。在 IB 中，我将其放入一个 ImageView 中，我将其命名为 maskView，并复制了该 View 并将其命名为 maskLayer。 maskLayer是要看的，maskView是用来将文本切割成星光淡入的形状的。文本是 CustomView 上的文本字段(也在 IB 中)。我将所有三个连接到 windowDidLoad 中的 windowController 中，我将代码的变体放入其中:

- (void)windowDidLoad
{
    [super windowDidLoad];

    ((NSView*) self.window.contentView).wantsLayer = YES;
    [((NSView*) self.window.contentView) addSubview:maskLayer];
    [((NSView*) self.window.contentView) addSubview:TextView];
    [TextView addSubview:maskView];
    TextView.layer.mask = maskView.layer;
}

这将创建一个半透明的白色星形，其中包含黑色褪色文本，重叠的文本将被剪掉:-D(值得一提的是，maskLayer和maskView在IB中必须是两个不同的实例，但它们可以共享相同的.png)