在 webview 中调整图像答案

【问题标题】：Fit image in webview在 webview 中调整图像
【发布时间】：2010-10-13 12:30:58
【问题描述】：

我计划在 webview 中显示 SD 卡中的图像，以利用他内置的 webview 缩放功能。但是，我遇到了显示大于屏幕尺寸（例如 1800x1200）的图像以适应屏幕的问题，例如在 ImageView 中。我希望首先完整显示图像并为用户提供缩放控制。我尝试使用 WRAP_CONTENT 作为 webview 的宽度和高度，但这不起作用。有任何想法吗？以下是我正在使用的代码 sn-p：

    String path = getRealPathFromURI(mUriList.get(0)); // this gets the file path
    webView = (WebView) findViewById(R.id.WebView01);
 WebSettings settings= webView.getSettings();
 settings.setBuiltInZoomControls(true);
 settings.setSupportZoom(true);     
 webView.loadUrl("file://" + path);

【问题讨论】：

Can Android's WebView automatically resize huge images?的可能重复

标签： android webview

【解决方案1】：

 private WebView mWebView2;
    mWebView2 = (WebView)findViewById(R.id.webview);
    mWebView2.getSettings().setJavaScriptEnabled(true);
    mWebView2.getSettings().setLoadWithOverviewMode(true);
    mWebView2.getSettings().setUseWideViewPort(true);
    mWebView2.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
    mWebView2.setScrollbarFadingEnabled(true);
    mWebView2.loadDataWithBaseURL("file:///android_asset/", "<img src=\"banner5.png\" height=\"98%\" width=\"100%\"/>", "text/html", "utf-8", null);

图片在 assets 文件夹中

【讨论】：

【解决方案2】：

如果您正确编写 HTML，则无需执行任何“setLoadWithOverviewMode”、“setUseWideViewPort”或“setInitialScale”。而且绝对没有理由启用 JavaScript。

这一行对我有用：

webView.loadDataWithBaseURL("file://" + directory, "<img src=\"" + name + "\" width=\"100%\"/>", "text/html", "utf-8", null);

下划线的 HTML 代码是：

<img src=YourImage.png width="100%" />，通过不设置高度，将保持其纵横比。

【讨论】：

未设置高度（或将其覆盖为auto）worked for me。

【解决方案3】：

这对我有用：

webView.setInitialScale(30);
WebSettings webSettings = webView.getSettings();
webSettings.setUseWideViewPort(true);

【讨论】：

【解决方案4】：

WebSettings settings = webView.getSettings();

settings.setUseWideViewPort(true);

settings.setLoadWithOverviewMode(true)

【讨论】：