AndroidでGIFアニメーションを動かすんだもんね

AndroidのGIFアニメーション

Androidで画像を表示するときにはImageViewを使います。

しかしImageViewでGIFアニメーションを表示しようとしても

最初の１コマ目が表示されるだけで、２コマ目以降表示されません。

困ったものです。

デコ美のプレビューではどうしているか

ImageViewではアニメーションしてくれないんですが、

WebViewならアニメーションしてくれます。*1

デコ美ではWebViewを一番上に表示しています。

しかしWebViewは重たいです。

おかげでデコ美は落ちまくりです。

ViewでGIFアニメーションを動かす

Movieクラスを使えばViewがCanvasでごにょごにょできるそうです。

難しいことは説明できないです。

javadoc見てください。

Movie | Android Developers

ごめんなさい。javadocに説明なんて一切ないです。なんてこったい。

実装したんでソース見てください。

ソース

public class GIFView extends View {

	private Movie movie;
	private long moviestart;

	public GIFView(Context context) {
		super(context);
	}

	public GIFView(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	public GIFView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
	}

	public void setResouceId(int id) {
		InputStream inputStream = getContext().getResources().openRawResource(id);
		movie = Movie.decodeStream(inputStream);
		moviestart = 0;
	}

	public void setImagePath(String path) {
		try {
			File f = new File(path);
			BufferedInputStream bis = new BufferedInputStream(new FileInputStream(f));
			bis.mark((int) f.length());
			movie = Movie.decodeStream(bis);
			bis.close();
			moviestart = 0;
		} catch (FileNotFoundException e) {
			e.printStackTrace();
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

	@Override
	protected void onDraw(Canvas canvas) {
		canvas.drawColor(Color.WHITE);
		if (movie == null) {
			return;
		}
		long now = android.os.SystemClock.uptimeMillis();
		if (moviestart == 0) {
			moviestart = now;
		}
		int relTime = (int) ((now - moviestart) % movie.duration());
		movie.setTime(relTime);
		movie.draw(canvas, 0, 0);
		this.invalidate();
	}
}