Question

我有一个内部有html的文本视图。在设备上它被正确呈现，但在预览中它看起来像纯HTML。

是否可以在图形布局工具中看到最终结果而不是纯HTML？

提前致谢！

Answer 1

所以我知道很多时间过去了，但我找到了一种在Android Studio的布局编辑器中预览HTML的方法（虽然不知道Eclipse）。

所以我刚刚创建了一个自定义TextView callet HtmlTextView：

public class HtmlTextView extends TextView {
    public HtmlTextView(Context context) {
        super(context);
    }
    public HtmlTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    public HtmlTextView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    public void setText(CharSequence text, BufferType type) {

        Spanned html = null;

        if(text != null) {
            html = Html.fromHtml(text.toString());
            super.setText(html, BufferType.SPANNABLE);
        } else {
           super.setText(text, type);
        }
    }
}

之后只是使用它的问题：

<com.example.app.custom.views.HtmlTextView
    android:text="@string/your_html_string"
    android:layout_height="wrap_content"
    android:layout_width="match_parent" />

字符串资源如下所示：

<string name="your_html_string"><![CDATA[My <b><font color=\'#E55720\'>AWESOME</font></b> html]]></string>

希望它有所帮助！

Answer 2

AFAIK Android不会在图形布局工具的TextView中显示HTML的呈现。它只会显示您何时运行您的应用程序。

TextView类已使用Html.fromHtml支持一些基本的html标记。

Answer 3

不够清楚，但试试这个

tv.setText(Html.fromHtml(yourString), TextView.BufferType.SPANNABLE);

或尝试使用webview而不是TextView

webview.loadData(yourString,"text/html","utf-8");

Answer 4

我的Eclipse Layout-Preview没有显示strike-tags，所以我从@Arthur扩展了答案：

public class HtmlTextView extends TextView {
CustomHtmlTagHandler tagHandler = new CustomHtmlTagHandler();

public HtmlTextView(Context context) {
    super(context);
}
public HtmlTextView(Context context, AttributeSet attrs) {
    super(context, attrs);
}
public HtmlTextView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
}

@Override
public void setText(CharSequence text, BufferType type) {

    Spanned html = null;

    if(text != null) {
        html = Html.fromHtml(text.toString(), null, tagHandler);
        super.setText(html, BufferType.SPANNABLE);
    } else {
       super.setText(text, type);
    }
}
}

这是CustomHtmlTagHandler：

public class CustomHtmlTagHandler implements TagHandler {

public void handleTag(boolean opening, String tag, Editable output,
        XMLReader xmlReader) {
    if(tag.equalsIgnoreCase("strike") || tag.equals("s")) {
        processStrike(opening, output);
    }
}

private void processStrike(boolean opening, Editable output) {
    int len = output.length();
    if(opening) {
        output.setSpan(new StrikethroughSpan(), len, len, Spannable.SPAN_MARK_MARK);
    } else {
        Object obj = getLast(output, StrikethroughSpan.class);
        int where = output.getSpanStart(obj);

        output.removeSpan(obj);

        if (where != len) {
            output.setSpan(new StrikethroughSpan(), where, len, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        }
    }
}

private Object getLast(Editable text, Class kind) {
    Object[] objs = text.getSpans(0, text.length(), kind);

    if (objs.length == 0) {
        return null;
    } else {
        for(int i = objs.length;i>0;i--) {
            if(text.getSpanFlags(objs[i-1]) == Spannable.SPAN_MARK_MARK) {
                return objs[i-1];
            }
        }
        return null;
    }
}
}

Android：使用Eclipse图形布局工具在TextView中使用HTML

4 个答案: