web-dev-qa-db-ja.com

Android AsyncTaskとしてのHTML ImageGetter

さて、私はこれで私の心を失っています。プログラムにHTMLを解析するメソッドがあります。インライン画像を含めたいのですが、Html.fromHtml（string、Html.ImageGetter、Html.TagHandler）を使用するとこれが可能になるという印象を受けました。

Html.ImageGetterには実装がないため、実装するのは私次第です。ただし、URLをDrawableに解析するにはネットワークアクセスが必要なため、メインスレッドではこれを実行できないため、AsyncTaskである必要があります。おもう。

ただし、ImageGetterをパラメーターとしてHtml.fromHtmlに渡すと、オーバーライドする必要があるgetDrawableメソッドが使用されます。したがって、doInBackgroundメソッドをトリガーするImageGetter.execute取引全体を呼び出す方法はありません。そのため、これを実際に非同期にする方法はありません。

私はそれを完全に間違っていますか、もっと悪いことに、これは不可能ですか？ありがとう

androidhtml-parsingdrawableandroid-asynctask
32
Nick

私はあなたがしたいことと非常によく似た（私は思う）何かをしました。 HTMLを解析してTextViewに設定し直す必要があり、Html.ImageGetterも使用する必要があり、メインスレッドで画像を取得するときに同じ問題が発生しました。

私が基本的に行ったステップ：

  • 再描画を容易にするためにDrawableの独自のサブクラスを作成し、それをURLDrawableと呼びました
  • Html.ImageGetterのURLDrawableメソッドでgetDrawableを返す
  • 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);
        }
    }
}

非常に単純ですが、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();
        }
    }
}

最後に、以下は、物事がどのように機能するかを示すサンプルプログラムです。

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);
101
momo

かなりいい。ただし、タイプDefaultHttpClientは非推奨です。 fetchメソッドでこれを試してください：

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

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

        return stream;

    }
5
Fred Sousa

少し混乱しましたが、HTMLを静的にレンダリングし、単にフォーマットするだけですか、それとも動的でWebからのものですか？後者が必要な場合、つまりHTMLをレンダリングして画像を取得する場合は、少し面倒です（提案-WebViewを使用するだけですか？）。

とにかく、最初のHTMLを取得するには、まずAsyncTaskを実行する必要があります。次に、これらの結果を_Html.ImageGetter_クラスのカスタム実装を使用してHtml.fromHtml()に渡します。次に、その実装では、個々のAsyncTaskを開始して各画像を取得する必要があります（おそらく、いくつかのキャッシュを実装する必要があります）。

ただし、ドキュメントを読むと（いくつかのサンプルを見たことがあると思います）、これが_Html.ImageGetter_の意味ではないように思えます。 internalドローアブルへの参照を含むハードコードされたHTMLを意図していると思いますが、それは私の考えです。

1
dmon

ピカソを使用している場合は、@ momoコードの一部を

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

        private Drawable fetch(String urlString) throws MalformedURLException, IOException {
            return new BitmapDrawable(c.getResources(), Picasso.with(c).load(urlString).get());
        }
1
Wackaloon

AsyncTaskタスク=新しいAsyncTask（）{

                @Override
                protected String doInBackground(Integer... params) {
                    span = Html.fromHtml(noticeList.get(0)
                            .getContent(), imgGetter, null);
                    return null;
                }
                @Override
                protected void onPostExecute(String result) {
                    super.onPostExecute(result);
                    text.setMovementMethod(ScrollingMovementMethod
                            .getInstance());
                    if(span != null){
                        text.setText(span);
                    }
                }
            };

            task.execute();
0
user5881594