Android HTML ImageGetter as AsyncTask

Nic*_*ick 32 android html-parsing drawable android-asynctask

好吧,我对这个失去了理智.我的程序中有一个解析HTML的方法.我想要包含内嵌图像,我的印象是使用Html.fromHtml(字符串,Html.ImageGetter,Html.TagHandler)将允许这种情况发生.

由于Html.ImageGetter没有实现,所以由我来编写一个.但是,由于将URL解析为Drawables需要网络访问,我不能在主线程上执行此操作,因此它必须是AsyncTask.我认为.

但是,当您将ImageGetter作为参数传递给Html.fromHtml时,它使用必须重写的getDrawable方法.因此无法调用触发doInBackground方法的整个ImageGetter.execute事务,因此无法实际实现此异步.

我是否完全错了,或者更糟糕的是,这是不可能的?谢谢

mom*_*omo 102

我做了一些非常类似的事情(我想),你想做什么.那时我需要做的是解析HTML并将其设置回TextView,我也需要使用Html.ImageGetter它并在主线程上获取图像时遇到同样的问题.

我基本上做的步骤:

  • 为Drawable创建我自己的子类以便于重绘,我称之为URLDrawable
  • 返回URLDrawablein getDrawable方法Html.ImageGetter
  • 一旦onPostExecute调用,我重绘Spanned结果的容器

现在URLDrawable的代码如下


public class URLDrawable extends BitmapDrawable {
    // the drawable that you need to set, you could set the initial drawing
    // with the loading image if you need to
    protected Drawable drawable;

    @Override
    public void draw(Canvas canvas) {
        // override the draw to facilitate refresh function later
        if(drawable != null) {
            drawable.draw(canvas);
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

很简单,我只是覆盖draw所以它会选择AsyncTask完成后我在那里设置的Drawable.

以下类是Html.ImageGetter从图像中获取图像AsyncTask并更新图像的实现

public class URLImageParser implements ImageGetter {
    Context c;
    View container;

    /***
     * Construct the URLImageParser which will execute AsyncTask and refresh the container
     * @param t
     * @param c
     */
    public URLImageParser(View t, Context c) {
        this.c = c;
        this.container = t;
    }

    public Drawable getDrawable(String source) {
        URLDrawable urlDrawable = new URLDrawable();

        // get the actual source
        ImageGetterAsyncTask asyncTask = 
            new ImageGetterAsyncTask( urlDrawable);

        asyncTask.execute(source);

        // return reference to URLDrawable where I will change with actual image from
        // the src tag
        return urlDrawable;
    }

    public class ImageGetterAsyncTask extends AsyncTask<String, Void, Drawable>  {
        URLDrawable urlDrawable;

        public ImageGetterAsyncTask(URLDrawable d) {
            this.urlDrawable = d;
        }

        @Override
        protected Drawable doInBackground(String... params) {
            String source = params[0];
            return fetchDrawable(source);
        }

        @Override
        protected void onPostExecute(Drawable result) {
            // set the correct bound according to the result from HTTP call
            urlDrawable.setBounds(0, 0, 0 + result.getIntrinsicWidth(), 0 
                    + result.getIntrinsicHeight()); 

            // change the reference of the current drawable to the result
            // from the HTTP call
            urlDrawable.drawable = result;

            // redraw the image by invalidating the container
            URLImageParser.this.container.invalidate();
        }

        /***
         * Get the Drawable from URL
         * @param urlString
         * @return
         */
        public Drawable fetchDrawable(String urlString) {
            try {
                InputStream is = fetch(urlString);
                Drawable drawable = Drawable.createFromStream(is, "src");
                drawable.setBounds(0, 0, 0 + drawable.getIntrinsicWidth(), 0 
                        + drawable.getIntrinsicHeight()); 
                return drawable;
            } catch (Exception e) {
                return null;
            } 
        }

        private InputStream fetch(String urlString) throws MalformedURLException, IOException {
            DefaultHttpClient httpClient = new DefaultHttpClient();
            HttpGet request = new HttpGet(urlString);
            HttpResponse response = httpClient.execute(request);
            return response.getEntity().getContent();
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

最后,下面是演示如何工作的示例程序:

String html = "Hello " +
"<img src='http://www.gravatar.com/avatar/" + 
"f9dd8b16d54f483f22c0b7a7e3d840f9?s=32&d=identicon&r=PG'/>" +
" This is a test " +
"<img src='http://www.gravatar.com/avatar/a9317e7f0a78bb10a980cadd9dd035c9?s=32&d=identicon&r=PG'/>";

this.textView = (TextView)this.findViewById(R.id.textview);
URLImageParser p = new URLImageParser(textView, this);
Spanned htmlSpan = Html.fromHtml(html, p, null);
textView.setText(htmlSpan);
Run Code Online (Sandbox Code Playgroud)

  • 这很棒!然而,有一个问题是,当图像很大并且上面有文字行时,图像会覆盖它们上方的文字,而不是文字移动以腾出空间.有什么想法吗? (7认同)
  • 对我不起作用:(空指针异常:"urlDrawable.setBounds(0,0,0 + result.getIntrinsicWidth(),0" (5认同)
  • 这非常有效,但是,@ maxpower47建议,"invalidate()"是不够的.如果您事先知道图像的大小,您可以简单地将默认的drawable设置为足够大并且无效将起作用,但是,如果您在下载图像之前不知道此信息,并且一些较大的图像与您的文本重叠,你必须强制textview重新渲染文本,而不仅仅是`redraw()`或re-`requestLayout()`.一个简单的解决方案是:`TextView t =(TextView)URLImageGetterAsync.this.container; t.setText(t.getText());`你可以决定是否需要它比这更健壮. (3认同)
  • 图像重叠错误修复可用于此处:http://stackoverflow.com/questions/7870312/android-imagegetter-images-overlapping-text/10208504#10208504(适用于ICS前和ICS) (3认同)

Fre*_*usa 5

挺棒的.但是,不推荐使用DefaultHttpClient类型.在获取方法上尝试这个:

private InputStream fetch(String urlString) throws MalformedURLException, IOException {

        URL url = new URL(urlString);
        HttpURLConnection urlConnection = (HttpURLConnection) url.openConnection();
        InputStream stream = urlConnection.getInputStream();

        return stream;

    }
Run Code Online (Sandbox Code Playgroud)