android - Android:URLを指定して大きなアニメーションGIFを表示するにはどうすればよいですか?

Question

大きなアニメーション gif の URL があり、ストリーミング方法でアニメーションを表示する youtube のようなアクティビティを作成したいとします。どうすれば

画像に流れますか？
実際のアニメーションで表示しますか?

ImageView最初のフレームしか表示されないため、答えではないことはわかっています。

おまけとして、バッファリングステータスにアクセスできるので、ストリーミングサウンドも同期できます。これはYTMNDビューアーアプリケーションの一部です。パブリック gif ファイルをより適切な形式にトランスコードするサービスを作成することもできますが、追加の依存関係なしでアプリが機能することを望みます。

score 12 · Accepted Answer

解決策の一般的なスケッチは、定期的に描画Viewするように要求するカスタムを使用することです。MovieCanvas

最初のステップは、Movieインスタンスを構築することです。decodeStream与えられた映画を作ることができると呼ばれる工場がありますがInputStream、からのストリームを使用するのに十分ではありませんUrlConnection。これを試してみるとIOException、ムービーローダーresetがストリームを呼び出そうとしたときに取得できます。ハックは、残念ながらBufferedInputStream、手動で設定されたセパレートを使用して、失敗しないmark十分なデータを保存するように指示することです。reset幸いなことに、はURLConnectionどのくらいのデータを期待できるかを教えてくれます。このハックは、画像全体をメモリに効果的にバッファリングする必要があるため、残念なことです（デスクトップアプリでは問題ありませんが、メモリに制約のあるモバイルデバイスでは深刻な問題です）。

Movieセットアップコードの一部を次に示します。

URL url = new URL(gifSource);
URLConnection conn = url.openConnection();
InputStream is = conn.getInputStream();
BufferedInputStream bis = new BufferedInputStream(is);
bis.mark(conn.getContentLength());
Movie movie = Movie.decodeStream(bis);
bis.close();

次に、これを表示するビューを作成する必要がありますMovie。ViewカスタムのサブクラスはonDrawトリックを実行します（前のコードで作成したにアクセスできると仮定しMovieます）。

@Override protected void onDraw(Canvas canvas) {
    if(movie != null) {
        long now = android.os.SystemClock.uptimeMillis();
        int dur = Math.max(movie.duration(), 1); // is it really animated?
        int pos = (int)(now % dur);
        movie.setTime(pos);
        movie.draw(canvas, x, y);
    }
}

invalidate()ビューは、助けなしに再描画されることはありません。最後に盲目的に呼び出すことonDrawは、エネルギーの浪費にすぎません。別のスレッド（おそらく画像データのダウンロードに使用したスレッド）では、メインスレッドにメッセージを投稿して、ビューを一定の（ただし異常ではない）ペースで無効にするように要求できます。

Handler handler = new Handler();
new Thread() {
    @Override public void run() {
        // ... setup the movie (using the code from above)
        // ... create and display the custom view, passing the movie

        while(!Thread.currentThread().isInterrupted()) {
            handler.post(new Runnable() {
                public void run(){
                    view.invalidate();
                }
            });
            try {
                Thread.sleep(50); // yields 20 fps
            } catch (InterruptedException e) {
                Thread.currentThread().interrupt();
            }
        }
    }
}.start();

本当に素晴らしいソリューションには、あらゆる種類の甘いプログレスバーとエラーチェックがありますが、コアはここにあります。

score 1 · Accepted Answer

1

やってみましたBitmapDecodeか？

ここにAPIデモの例があります。

于 2009-05-02T15:38:15.403 に答える

score 1 · Accepted Answer

Glideは、たった 1 行のコードでこれを達成する最も簡単で効率的な方法を証明します :-

Glide.with(getApplicationContext())
            .load(Uri.parse("https://media1.giphy.com/media/5ziaphcUWGKPu/200.gif"))
            .asGif().placeholder(R.drawable.ic_launcher).crossFade()
            .into(imageView);

結果はこちら:-