简单的WebView自适应并嵌套在ScrollView里

最新推荐文章于 2025-06-10 10:41:25 发布

转载最新推荐文章于 2025-06-10 10:41:25 发布 · 1.3k 阅读

Android 编程专栏收录该内容

354 篇文章

订阅专栏

本文介绍了如何在 ScrollView 中正确使用 WebView 实现自适应布局，并解决中文乱码问题。包括禁用 WebView 的滚动事件、设置 WebView 的加载参数、实现自适应布局的方法以及头部设定的最佳实践。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载地址：http://blog.youkuaiyun.com/janronehoo/article/details/45100447

http://solo.farbox.com/blog/simple-webview-adaptive

WebView in ScrollView

我们都知道ScrollView和WebView都有滚动的效果，所以我们需要先屏蔽WebView的滚动事件。

Stack overflow讨论

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:descendantFocusability="blocksDescendants" >

中文乱码

如果出现中文乱码，你可以这样设置

webView.loadData(body, "text/html; charset=utf-8", "utf-8");

Auto Scale

这时候如果后端如果传过来的不是完整的Html，而是只有body部分的内容，那么我们就需要补充并添加一些css样式来达到自适应的效果。

Stack overflow讨论

WebView webView = new WebView(this);
webView.setWebViewClient(new SimpleWebViewClient(title));
        webView.getSettings().setDefaultTextEncodingName("utf-8");
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    webView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.TEXT_AUTOSIZING);
} else {
     webView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NORMAL);
}
webView.loadData(getHtmlData(body), "text/html; charset=utf-8", "utf-8");

别忘了头部的设定：

官方对自适应的最佳实践

private String getHtmlData(String bodyHTML) {
    String head = "<head>" +
                "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\"> " +
                "<style>img{max-width: 100%; width:auto; height:auto;}</style>" +
                "</head>";
    return "<html>" + head + "<body>" + bodyHTML + "</body></html>";
}