如何在UIWebView中处理图像

Question

我正在寻找一些自定义的UITableViewCells，它们将UIWebView喷射到它们中。我想在uiWebview的html中出现几个图标，图像存储在设备的本地。

我想知道在构建不同设备时是否将这些视为正常图像。即遵循视网膜显示的命名约定@ 2x.png？

剂量转换为uiwebviews与否？

Answer 1

UIWebView用于解释和显示HTML告诉它的内容。简而言之，答案是否定的，webview会将精确链接的图像显示在屏幕上。我在我开发的应用程序中实现了UIWebViews，它只显示内部HTML。我对这些做的只是提供2X图像并让webview处理大小调整。

另一种解决方法是在内部识别（并且有可能），如果您正在使用视网膜显示器并提供调用@ 2x图像的HTML。所以你基本上会提供myhtml.html和myhtml@2x.html并自己进行视网膜识别。

Answer 2

您需要使用CSS和媒体查询来告诉Web视图显示您的@ 2x图像。然后，您还需要明确设置所需的大小。

因此，假设您的背景图像通常为25像素，50像素为2倍，那么您可以为视网膜显示做这样的事情：

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .nav-bar-button-right button .button-icon {
        background-image: url(myImage@2x.png);
        background-size: 25px 25px;
    }
}

根据您的使用情况调整此项，但这是个主意。我希望它有所帮助。