Android WebView 缩放图像不适用于 width=“100%”

Question

当我使用以下 html:

img src="file:///sdcard/image1.jpg" width="100%" heighth="100%"

并使用 WebView.setBuiltInZoomControls(true) 时，我的 webview 是可缩放的，但是在我松开手指后，webview 又缩小了。

我猜这是因为 width="100%" heighth="100%"。

但是 image1.jpg 很大，一开始我想在屏幕上显示整个图像。稍后用户可以放大/缩小。

有解决方案或代码示例吗？

Answer 1

您必须手动计算需要使用的比例。 PIC_WIDTH 是 webview 的宽度。

private int getScale(){
    Display display = ((WindowManager) getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay(); 
    int width = display.getWidth(); 
    Double val = new Double(width)/new Double(PIC_WIDTH);
    val = val * 100d;
    return val.intValue();
}

然后使用

WebView web = new WebView(this);
web.setPadding(0, 0, 0, 0);
web.setInitialScale(getScale());

参考此LINK 链接

Answer 2

我相信你写错了！

img src="file:///sdcard/image1.jpg" width="100%" heighth="100%"
img src="file:///sdcard/image1.jpg" width="100%" height="100%"

这是高度，而不是你在那里的高度。

Answer 3

如果您只显示 Sd 卡上的图像，您确定要使用 Webview，还是使用 ImageView 更有意义。有很多示例/免费代码可以扩展 ImageView 并提供此功能。

如果您只想显示图像，Webview 可能是处理此功能的最臃肿的方式。