Android webview加载富文本 屏幕简单适配
程序员文章站
2023-12-23 12:54:34
...
UI界面
这个没有什么，写个webview控件就ok
<WebView
android:id="@+id/web_introduction"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
Java代码
getHtmlData() 为富文本全屏适配的方法
String tv_html = coursePageBean.getResult().getLessontext();//这里写从后台获取富文本字符串
StringBuilder sb = new StringBuilder();
sb.append(getHtmlData(tv_html));
web_introduction.loadDataWithBaseURL(null,sb.toString(),"text/html", "utf-8", null);
getHtmlData()方法
/**
* 富文本适配
*/
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>";
}
OK，Android WebView加载富文本并全屏适配齐活，欢迎评论指点，共同学习，共勉