简单的WebView自适应并嵌套在ScrollView里
来源:互联网 发布:手机淘宝怎么切换账号 编辑:程序博客网 时间:2024/06/05 22:38
文/SoloHo(简书作者)
原文链接:http://www.jianshu.com/p/d21989bea448
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
原文链接:http://www.jianshu.com/p/d21989bea448
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
因为某种原因,我们总是需要展示一些复杂的文本,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的解决办法。
- Android ContentProvider使用详解
- 正则验证数字(包含小数点),可行。
- iOS 状态栏隐藏设置
- Android闹钟设置
- 二叉查找树的基本操作(建立,插入,删除,遍历)
- 简单的WebView自适应并嵌套在ScrollView里
- Android 中访问网页 webView
- Android中webView与javascript交互
- FFMPEG深入理解
- 递归法获取目录中的目录
- Android 音乐播放器。
- Android中播放视频
- Android 中歌曲录制。。。
- Android 两个进程之间使用AIDL