Mac App WebView 背景答案

【问题标题】：Mac App WebView backgroundMac App WebView 背景
【发布时间】：2012-08-29 14:43:58
【问题描述】：

如何在 Mac 应用程序中将图像设置为 WebView 的背景？因为 WebView 具有那种“弹跳”效果，所以如果您向下滚动到比内容更远的位置，则背景通常只是白色。是否可以像 UIWebView 一样设置背景图像？

编辑：另一种方法是完全停用 webView 的弹跳效果。

【问题讨论】：

标签： objective-c macos background webview

【解决方案1】：

如果您以编程方式创建此 Web 视图，则创建图像然后创建 Web 视图。确保它们的位置 (x,y) 和尺寸 (height, width) 相同。

如果您通过 IB 执行此操作，请放下图像（实际上只是拖动图像），然后将 webview 放在它上面。

【讨论】：

好的。首先，感谢您的回答。但是我怎样才能制作一个重复的图像呢？（图片为100x100，应该是整个窗口的背景）
@DRP96 你是指一张大图还是几张小图？你是在编写 webview 还是在 IB 中编写？
webview 是在 Interface Builder 中创建的，但它也在代码中“链接”。我的意思是几个小图像。（但如果不可能，我也可以使用 Photoshop 制作一张大图）
我建议使用 Photoshop。完成删除 webview 后，将图像从 finder 中拖入，调整大小，调整它，以便在调整窗口大小时它也会调整大小，链接它，然后放入一个新的 webview 并链接它。（我建议删除 webview，因为您无法隐藏它，并且您要确保 webview 在前面。
好的，我现在用 Photoshop 完成了。它也可以在不删除 WebView 的情况下工作，我只是在左侧的 Object-list 中将 Image 向上拖动，它就可以工作了。谢谢！

【解决方案2】：

这是我发现的一种停止弹跳的方法：

id sub = self.web.subviews[0];
if ([sub isKindOfClass:[WebFrameView class]])
    [sub setAllowsScrolling:NO];

类检查可能不需要，但我想确认一下。

【讨论】：

虽然我真的不需要这个了，谢谢你的回答！有时间我会去看看的。
它依赖于 webview 根本不需要滚动，这对我的应用程序来说很好，但可能并非总是如此。

【解决方案3】：

我们可以使用 cocoa 在 WebView 中添加背景图片。为此，我们需要为 body 标签添加 css。

创建网页视图：

WebView *webView;

获取图片表单捆绑路径：

NSString *path = [[NSBundle mainBundle] pathForResource:@"my-bg" ofType:@"jpg"];

为 body 标签编写 Css。

NSMutableString *htmlBuilder = [[NSMutableString alloc] init];
[htmlBuilder appendString:@"body {"];
[htmlBuilder appendString:[NSString stringWithFormat:@" background-image: url('file://%@');",path]];
[htmlBuilder appendString:@"}"];

在 webview 上加载此图像

[[webView mainFrame] loadHTMLString:htmlBuilder baseURL:nil];
[webView setDrawsBackground:NO];

您的图片将添加到 webview 的背景中。

【讨论】：