objective-c - 如何在 OS X 上制作圆角 WKWebView？

Question

如何在 OS X 上制作圆角 WKWebView？

之前使用NSWebView，我们可以通过layer来实现:

webView.wantsLayer = YES;
webView.layer.cornerRadius = 5;
webView.layer.masksToBounds = YES;

但在 WKWebView 上它不再起作用。

Answer 1

图层不会对其下方的细节执行隐式屏蔽。要遮盖角点，您应该将以下内容添加到代码中:

webView.layer.masksToBounds = YES;

摘自CALayer的文档:

When the value of this property is YES, Core Animation creates an implicit clipping mask that matches the bounds of the layer and includes any corner radius effects.

The default value of this property is NO.

我使用了以下简单的示例代码，它显示了圆角:

- (void)windowDidLoad {
    [super windowDidLoad];
    WKWebView *wv = [[WKWebView alloc] initWithFrame:self.containerView.bounds
                                       configuration:[[WKWebViewConfiguration alloc] init]];
    wv.autoresizingMask = NSViewWidthSizable | NSViewHeightSizable;
    [self.containerView addSubview:wv];
    wv.wantsLayer = YES;
    wv.layer.cornerRadius = 50;
    wv.layer.masksToBounds = YES;

    [wv loadRequest:[[NSURLRequest alloc] initWithURL:[NSURL URLWithString:@"http://stackoverflow.com"]]];
}