简单的WebView自适应并嵌套在ScrollView里
来源:互联网 发布:电脑桌面美化软件 编辑:程序博客网 时间:2024/06/06 07:47
转至 : http://solo.farbox.com/blog/simple-webview-adaptive
- WebView in ScrollView
- 中文乱码
- Auto Scale
- End
因为某种原因,我们总是需要展示一些复杂的文本,Html.fromHtml()已经不能满足我们的需求,比如后台可编辑的文本在前端显示起来比较吃力,所以为了解决一些复杂的文本显示就需要用到WebView。
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>";}
End
最后,原本还担心如何控制WebView的高度,没想到WebView可以自己适应内容最长的高度。再附上别人总结的WebView常见问题
版权声明:本文为博主原创文章,未经博主允许不得转载。
0 0
- 简单的WebView自适应并嵌套在ScrollView里
- 简单的WebView自适应并嵌套在ScrollView里
- 简单的WebView自适应并嵌套在ScrollView里
- 简单的WebView自适应并嵌套在ScrollView里
- 简单的WebView自适应并嵌套在ScrollView里
- WebView自适应并嵌套在ScrollView里
- WebView自适应并嵌套在ScrollView 解决左右滑动冲突
- webView 里图片的自适应
- 【疑难杂症】webview与scrollview嵌套碰到的难题!webview高度在横屏后更改!
- Android中scrollview嵌套webview的实现
- ScrollView嵌套webview
- scrollview嵌套webview冲突
- Android ScrollView嵌套WebView
- android scrollview 嵌套 webview
- scrollview嵌套webview
- React Native 原生RN嵌套webView,并自适应高度
- ScrollView里嵌套ListView的冲突问题
- ScrollView里嵌套ListView的解决办法。
- HTTPS那些事(三)攻击实例与防御
- 62 js文件无法引入 thinkphp $_GET页面条件判断改变选中效果
- AppStore提审攻略
- JQuery $.extend 与$.fn.extend
- Keil - 编译错误总结 01
- 简单的WebView自适应并嵌套在ScrollView里
- GRE写作必备句型
- OJ嘻唰唰抽象一个形状类
- git push error: RPC failed; result=22, HTTP code = 411
- mysql主从复制
- Mondrian中聚合表的应用
- C#对象的浅拷贝,深拷贝
- IAR non-native end of line sequence detected 警告的解决方法
- java BigDecimal用法(转载)