android - 以不同的方式在 TextView 中处理 HTML 中的图像

Question

我正在尝试显示Html在TextView. 一切正常，但我想以TextView不同的方式显示图像。

例如，我希望每个图像都在容器中，可以拖放。

有谁知道实现这一点的任何方法？

谢谢！

更新：我不能使用WebView，因为我会同时显示大约 10-20 个单独的视图Activity。而且我认为这不会帮助我实现这一点。

Answer 1

这就是我解决问题的方法。

主要思想：遍历所有跨度Html.fromHtml(section.text)并搜索ImageSpan. 找到后将所有先前的跨度设置为 one 的文本TextView，为图像创建ImageView，继续搜索。

代码：

new AsyncTask<String, Integer, List<Object>>() {
    @Override
    protected List<Object> doInBackground(String... params) {
        List<Object> res = new ArrayList<Object>();
        Spanned in = Html.fromHtml(section.text);

        Object[] spans = in.getSpans(0, Integer.MAX_VALUE, Object.class); // get all spans
        int lastImageSpanPosition = 0; // it's end position of image span
        for (int i = 0; i < spans.length; i++) { // itarete searching ImageSpan
            Object span = spans[i];

            if (span instanceof ImageSpan) {
                int spanStart = in.getSpanStart(span); // If you;ve found one

                if (lastImageSpanPosition == spanStart) 
                    continue; // check if image is first span (avoid creation of empty spans).
                res.add(new SpannableStringBuilder(in.subSequence(lastImageSpanPosition, spanStart))); // add all previous spans as a single Spannable object

                ImageSpan imageSpan = (ImageSpan) span;
                String imageUrl = imageSpan.getSource();
                if (!imageUrl.startsWith("http"))
                    imageUrl = "http:" + imageUrl;

                res.add(new ImageSpan(null, imageUrl)); // add separate span for image
                lastImageSpanPosition = in.getSpanEnd(span);
            }

            if (i < spans.length - 1 && !containsImageSpan(spans, i + 1)) { // to not lose text in the end
                res.add(new SpannableStringBuilder(in.subSequence(lastImageSpanPosition, in.getSpanEnd(spans[spans.length - 1]))));
                break;
            }
        }
        return res;
    }

    @Override
    protected void onPostExecute(List<Object> objects) {
        for (Object object : objects) {
            View v = null;

            if (object instanceof ImageSpan) { // create separate views for each span
                NetworkImageView networkImageView = new NetworkImageView(getContext());
                networkImageView.setImageUrl(((ImageSpan) object).getSource(), App.get().getImageLoader());
                v = networkImageView;
            } else {
                TextView textView = new TextView(getContext());
                textView.setText((CharSequence) object);
                v = textView;
            }
            holder.sectionTextViewsContainer.addView(v);
        }

    }
}.execute(section.text);

编辑：添加containsImageSpan方法

private boolean containsImageSpan(Object[] spans, int index) {
    for (int i = index; i < spans.length; i++) {
        if (spans[i] instanceof ImageSpan) {
            return true;
        }
    }
    return false;
}

Answer 2

根据 HTML 类的文档，我不确定你能否实现你想要的。看看 http://developer.android.com/reference/android/text/Html.html

如果你真的想使用 HTML，我建议你使用 webview。否则，您可以使用本机拖放。查看官方培训：http: //developer.android.com/guide/topics/ui/drag-drop.html