Android: HTML в TextView с помощью инструмента Eclipse Graphical Layout

Question

У меня есть текстовое представление, которое имеет HTML внутри. На устройстве он отображается правильно, но в предварительном просмотре он выглядит как обычный HTML.

Можно ли увидеть конечный результат в инструменте Graphical Layout вместо обычного HTML?

Заранее спасибо!

Answer 1

Так что я знаю, что прошло много времени, но я нашел способ предварительного просмотра HTML-кода в редакторе макетов в Android Studio (хотя и не знаю об Eclipse).

Итак, я только что создал пользовательский текстовый виджет 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 не показывает рендеринг HTML в TextView в инструменте Graphical Layout. Он покажет только когда вы запустите ваше приложение.

TextView класс уже поддерживает некоторые основные HTML-теги, используя Html.fromHtml,

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-теги, поэтому я расширил ответ @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;
    }
}
}