Android实现可播放GIF动画的ImageView

在Android开发中，由于原生的ImageView控件不支持直接播放GIF动画，开发者需要自定义组件来实现这一功能。本篇文章将详细讲解如何在Android中创建一个名为GifImageView的自定义视图，该视图能够播放GIF动画。 我们需要为自定义的GifImageView添加自定义属性。在`res/values/attrs.xml`文件中声明一个属性`auto_play`，用于指定GIF是否应该自动播放： ```xml <resources> <declare-styleable name="GifImageView"> <attr name="auto_play" format="boolean"></attr> </declare-styleable> </resources> ``` 接下来，我们创建自定义的GifImageView类，继承自ImageView，并在构造函数中获取这些自定义属性的值。这里使用`TypedArray`来获取属性值： ```java private Movie mMovie; private int mImageWidth; private int mImageHeight; private long mMovieStart = 0; private boolean isAutoPlay; // ...其他成员变量 public GifImageView(Context context, AttributeSet attrs) { this(context, attrs, 0); } public GifImageView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(context, attrs); } private void init(Context context, AttributeSet attrs) { TypedArray attributes = context.obtainStyledAttributes(attrs, R.styleable.GifImageView); int resourceId = getResourceId(attributes, context, attrs); if (resourceId != 0) { // 解析GIF资源 InputStream is = getResources().openRawResource(resourceId); mMovie = Movie.decodeStream(is); if (mMovie != null) { // 获取GIF的原始尺寸 Bitmap bitmap = BitmapFactory.decodeStream(is); mImageWidth = bitmap.getWidth(); mImageHeight = bitmap.getHeight(); bitmap.recycle(); // 设置自动播放属性 isAutoPlay = attributes.getBoolean(R.styleable.GifImageView_auto_play, false); // 如果不自动播放，初始化播放按钮 if (!isAutoPlay) { mStartPlay = BitmapFactory.decodeResource(getResources(), R.drawable.start_play); setOnClickListener(this); } } } // 回收资源 attributes.recycle(); } ``` 在初始化过程中，我们通过`Movie.decodeStream()`方法解析GIF的输入流，得到一个`Movie`对象，它包含了GIF的所有帧信息。同时，我们获取到GIF的原始宽度和高度，用于后续的处理。 为了在UI上显示GIF动画，我们需要重写`onDraw()`方法，将每一帧绘制到canvas上： ```java @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); if (mMovie != null) { long now = System.currentTimeMillis(); if (mMovieStart == 0) { mMovieStart = now; } // 计算当前帧的位置 int duration = mMovie.duration(); if (duration == 0) { duration = 1000; } int relTime = (int) ((now - mMovieStart) % duration); // 将当前帧绘制到canvas mMovie.setTime(relTime); mMovie.draw(canvas, 0, 0); // 重新绘制以播放下一帧 invalidate(); } } ``` 为了实现GIF动画的播放控制，我们需要添加暂停和恢复播放的功能。可以添加以下方法： ```java public void play() { isPlaying = true; invalidate(); } public void pause() { isPlaying = false; mMovieStart = 0; invalidate(); } ``` 如果设置了`auto_play`属性为true，那么在视图加载完成后自动开始播放GIF动画： ```java @Override protected void onAttachedToWindow() { super.onAttachedToWindow(); if (isAutoPlay) { play(); } } @Override protected void onDetachedFromWindow() { super.onDetachedFromWindow(); pause(); } ``` 这样，我们就成功创建了一个能够播放GIF动画的自定义ImageView组件。用户可以通过设置`auto_play`属性来决定GIF是否自动播放，也可以通过调用`play()`和`pause()`方法手动控制播放状态。当视图附加到窗口时，动画会自动开始；而当视图从窗口中移除时，动画会暂停，确保了资源的合理利用。