Textview加载 html代码块和 webview加载html代码块对比

最新推荐文章于 2025-04-02 17:40:08 发布

凌枫阁

最新推荐文章于 2025-04-02 17:40:08 发布

阅读量667

点赞数

分类专栏： Android

本文链接：https://blog.youkuaiyun.com/vallenlsl/article/details/88076471

版权

Android 专栏收录该内容

4 篇文章

订阅专栏

本文对比了TextView和WebView在加载HTML代码块时的效果。TextView显示限制较多，如不支持span标签的颜色显示和img图片加载，而WebView则能正常显示复杂HTML内容。因此，对于复杂的HTML段落推荐使用WebView，简单的可以选择TextView，但WebView会增加性能需求。

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

加载方式

TextView

    String textHtml = "<p>aaa</p><p><strong>fafjoa</strong></p><p style=\"text-align: center;\"><span style=\"color: rgb(227, 0, 0);\"><strong>bbb</strong></span></p>";
    String imgHtml = "<img src="http://xxxx.png" />"
    textView1.setText(Html.fromHtml(textHtml ));
	textView2.setText(Html.fromHtml(imgHtml ));

结果

1、span标签无法显示，即字体颜色没加载出来，查看Html.java 源码，可见支持的标签是有限的
2、图片img标签也没有加载出来

private void handleStartTag(String tag, Attributes attributes) {
    if (tag.equalsIgnoreCase("br")) {
        // We don't need to handle this. TagSoup will ensure that there's a </br> for each <br>
        // so we can safely emit the linebreaks when we handle the close tag.
    } else if (tag.equalsIgnoreCase("p")) {
        startBlockElement(mSpannableStringBuilder, attributes, getMarginParagraph());
        startCssStyle(mSpannableStringBuilder, attributes);
    } else if (tag.equalsIgnoreCase("ul")) {
        startBlockElement(mSpannableStringBuilder, attributes, getMarginList());
    } else if (tag.equalsIgnoreCase("li")) {
        startLi(mSpannableStringBuilder, attributes);
    } else if (tag.equalsIgnoreCase("div")) {
        startBlockElement(mSpannableStringBuilder, attributes, getMarginDiv());
    } else if (tag.equalsIgnoreCase("span")) {
        startCssStyle(mSpannableStringBuilder, attributes);
    } else if (tag.equalsIgnoreCase("strong")) {
        start(mSpannableStringBuilder, new Bold());
    } else if (tag.equalsIgnoreCase("b")) {
        start(mSpannableStringBuilder, new Bold());
    } else if (tag.equalsIgnoreCase("em")) {
        start(mSpannableStringBuilder, new Italic());
    } else if (tag.equalsIgnoreCase("cite")) {
        start(mSpannableStringBuilder, new Italic());
    } else if (tag.equalsIgnoreCase("dfn")) {
        start(mSpannableStringBuilder, new Italic());
    } else if (tag.equalsIgnoreCase("i")) {
        start(mSpannableStringBuilder, new Italic());
    } else if (tag.equalsIgnoreCase("big")) {
        start(mSpannableStringBuilder, new Big());
    } else if (tag.equalsIgnoreCase("small")) {
        start(mSpannableStringBuilder, new Small());
    } else if (tag.equalsIgnoreCase("font")) {
        startFont(mSpannableStringBuilder, attributes);
    } else if (tag.equalsIgnoreCase("blockquote")) {
        startBlockquote(mSpannableStringBuilder, attributes);
    } else if (tag.equalsIgnoreCase("tt")) {
        start(mSpannableStringBuilder, new Monospace());
    } else if (tag.equalsIgnoreCase("a")) {
        startA(mSpannableStringBuilder, attributes);
    } else if (tag.equalsIgnoreCase("u")) {
        start(mSpannableStringBuilder, new Underline());
    } else if (tag.equalsIgnoreCase("del")) {
        start(mSpannableStringBuilder, new Strikethrough());
    } else if (tag.equalsIgnoreCase("s")) {
        start(mSpannableStringBuilder, new Strikethrough());
    } else if (tag.equalsIgnoreCase("strike")) {
        start(mSpannableStringBuilder, new Strikethrough());
    } else if (tag.equalsIgnoreCase("sup")) {
        start(mSpannableStringBuilder, new Super());
    } else if (tag.equalsIgnoreCase("sub")) {
        start(mSpannableStringBuilder, new Sub());
    } else if (tag.length() == 2 &&
            Character.toLowerCase(tag.charAt(0)) == 'h' &&
            tag.charAt(1) >= '1' && tag.charAt(1) <= '6') {
        startHeading(mSpannableStringBuilder, attributes, tag.charAt(1) - '1');
    } else if (tag.equalsIgnoreCase("img")) {
        startImg(mSpannableStringBuilder, attributes, mImageGetter);
    } else if (mTagHandler != null) {
        mTagHandler.handleTag(true, tag, mSpannableStringBuilder, mReader);
    }
}

webview

    String textHtml = "<p>aaa</p><p><strong>fafjoa</strong></p><p style=\"text-align: center;\"><span style=\"color: rgb(227, 0, 0);\"><strong>bbb</strong></span></p>";
    String imgHtml = "<img src="http://xxxx.png" />"
    webView.loadDataWithBaseURL(null, textHtml  , "text/html", "UTF-8", null);
	webView.loadDataWithBaseURL(null, imgHtml  , "text/html", "UTF-8", null);