当使用,WebView显示Html页面的时候,会发现图片大过手机的屏幕,需要拖动图片才可以查看,用户体验非常差,
实际上,要想使图片自适应屏幕大小,其实只要在
private final WebViewClient webViewClient = new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView webView, String url) {
if (!TextUtils.isEmpty(url) && !Navigator.openStandardLink(webView.getContext(), url)) {
Navigator.openInBrowser(webView.getContext(), url);
}
return true;
}
@Override
public void onPageFinished(WebView view, String url) {
AlphaWebView.this.onPageFinished(url);
// html加载完成之后,调用js的方法,使用该方法就可以使html中的图片适应屏幕大小
imgReset();
}
};
private void imgReset() {
loadUrl("javascript:(function(){"
+ "var objs = document.getElementsByTagName('img'); "
+ "for(var i=0;i<objs.length;i++) " + "{"
+ "var img = objs[i]; "
+ " img.style.width = '100%'; "
+ " img.style.height = 'auto'; "
+ "}" + "})()");
}
这样设置后图片就可以适应屏幕大小。
如果想了解详细一些的话,可以查看这个文字。
参考:android webview加载html图片自适应手机屏幕大小&点击查看大图