Android加载Gif动画实现代码

Android加载Gif动画如何实现?相信大家都很好奇,本文就为大家揭晓,内容如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:orientation="vertical" > 

 <com.example.gifdemo.GifView
 android:id="@+id/gif1"
 android:layout_width="100dp"
 android:layout_height="100dp"
 android:layout_gravity="center_horizontal"
 android:enabled="false" /> 

</LinearLayout>
 <declare-styleable name="GifView">
 <attr name="gif" format="reference" />
 <attr name="paused" format="boolean" />
 </declare-styleable>

主界面

package com.example.gifdemo; 

import android.app.Activity;
import android.os.Bundle; 

public class MainActivity extends Activity {
 private GifView gif1; 

 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 gif1 = (GifView) findViewById(R.id.gif1);
 // 设置背景gif图片资源
 gif1.setMovieResource(R.raw.red);
 } 

}

自定义view

package com.example.gifdemo; 

import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Movie;
import android.os.Build;
import android.util.AttributeSet;
import android.view.View; 

public class GifView extends View { 

 /**
 * 默认为1秒
 */
 private static final int DEFAULT_MOVIE_DURATION = 1000; 

 private int mMovieResourceId; 

 private Movie mMovie; 

 private long mMovieStart; 

 private int mCurrentAnimationTime = 0; 

 private float mLeft; 

 private float mTop; 

 private float mScale; 

 private int mMeasuredMovieWidth; 

 private int mMeasuredMovieHeight; 

 private boolean mVisible = true; 

 private volatile boolean mPaused = false; 

 /**
 * 构造函数
 */
 public GifView(Context context) {
 this(context, null);
 } 

 public GifView(Context context, AttributeSet attrs) {
 this(context, attrs,0);
 } 

 public GifView(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 setViewAttributes(context, attrs, defStyle);
 setBackgroundColor(Color.parseColor("#FFB6C1"));
 } 

 @SuppressLint("NewApi")
 private void setViewAttributes(Context context, AttributeSet attrs,
 int defStyle) {
 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
 setLayerType(View.LAYER_TYPE_SOFTWARE, null);
 }
 // 从描述文件中读出gif的值,创建出Movie实例
 final TypedArray array = context.obtainStyledAttributes(attrs,
 R.styleable.GifView);
 mMovieResourceId = array.getResourceId(R.styleable.GifView_gif, -1);
 mPaused = array.getBoolean(R.styleable.GifView_paused, false);
 array.recycle();
 if (mMovieResourceId != -1) {
 mMovie = Movie.decodeStream(getResources().openRawResource(
  mMovieResourceId));
 }
 } 

 /**
 * 设置gif图资源
 */
 public void setMovieResource(int movieResId) {
 this.mMovieResourceId = movieResId;
 mMovie = Movie.decodeStream(getResources().openRawResource(
 mMovieResourceId));
 requestLayout();
 } 

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 if (mMovie != null) {
 //gif动画的宽度、高度
 int movieWidth = mMovie.width();
 int movieHeight = mMovie.height();
 //控件的宽度
 int maximumWidth = MeasureSpec.getSize(widthMeasureSpec);
 //gif图片宽/控件宽
 float scaleW = (float) movieWidth / (float) maximumWidth;
 mScale = 1f / scaleW;
 mMeasuredMovieWidth = maximumWidth;
 mMeasuredMovieHeight = (int) (movieHeight * mScale);
 setMeasuredDimension(mMeasuredMovieWidth, mMeasuredMovieHeight);
 } else {
 setMeasuredDimension(getSuggestedMinimumWidth(),
  getSuggestedMinimumHeight());
 }
 } 

// @Override
// protected void onLayout(boolean changed, int l, int t, int r, int b) {
// super.onLayout(changed, l, t, r, b);
// mLeft = (getWidth() - mMeasuredMovieWidth) / 2f;
// mTop = (getHeight() - mMeasuredMovieHeight) / 2f;
// mVisible = getVisibility() == View.VISIBLE;
// } 

 @Override
 protected void onDraw(Canvas canvas) {
 if (mMovie != null) {
 if (!mPaused) {
 updateAnimationTime();
 drawMovieFrame(canvas);
 invalidateView();
 } else {
 drawMovieFrame(canvas);
 }
 }
 }
 private void updateAnimationTime() {
 long now = android.os.SystemClock.uptimeMillis();
 // 如果第一帧,记录起始时间
 if (mMovieStart == 0) {
 mMovieStart = now;
 }
 // 取出动画的时长
 int dur = mMovie.duration();
 if (dur == 0) {
 dur = DEFAULT_MOVIE_DURATION;
 }
 // 算出需要显示第几帧
 mCurrentAnimationTime = (int) ((now - mMovieStart) % dur);
 } 

 private void drawMovieFrame(Canvas canvas) {
 // 设置要显示的帧,绘制即可
 mMovie.setTime(mCurrentAnimationTime);
 canvas.save(Canvas.MATRIX_SAVE_FLAG);
 canvas.scale(mScale, mScale);
 mMovie.draw(canvas, mLeft / mScale, mTop / mScale);
 canvas.restore();
 } 

 @SuppressLint("NewApi")
 private void invalidateView() {
 if (mVisible) {
 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
 postInvalidateOnAnimation();
 } else {
 invalidate();
 }
 }
 } 

 // --------------------以下方法未调用------------------------------------/
 public void setMovie(Movie movie) {
 this.mMovie = movie;
 requestLayout();
 } 

 public Movie getMovie() {
 return mMovie;
 } 

 public void setMovieTime(int time) {
 mCurrentAnimationTime = time;
 invalidate();
 } 

 public void setPaused(boolean paused) {
 this.mPaused = paused;
 if (!paused) {
 mMovieStart = android.os.SystemClock.uptimeMillis()
  - mCurrentAnimationTime;
 }
 invalidate();
 } 

 public boolean isPaused() {
 return this.mPaused;
 } 

 @SuppressLint("NewApi")
 @Override
 public void onScreenStateChanged(int screenState) {
 super.onScreenStateChanged(screenState);
 mVisible = screenState == SCREEN_STATE_ON;
 invalidateView();
 } 

 @SuppressLint("NewApi")
 @Override
 protected void onVisibilityChanged(View changedView, int visibility) {
 super.onVisibilityChanged(changedView, visibility);
 mVisible = visibility == View.VISIBLE;
 invalidateView();
 } 

 @Override
 protected void onWindowVisibilityChanged(int visibility) {
 super.onWindowVisibilityChanged(visibility);
 mVisible = visibility == View.VISIBLE;
 invalidateView();
 }
 // --------------------------------------------------------/
} 

源码下载:http://xiazai.jb51.net/201610/yuanma/AndroidGifDemo(jb51.net).rar

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android自定义view实现阻尼效果的加载动画

    效果: 需要知识: 1. 二次贝塞尔曲线 2. 动画知识 3. 基础自定义view知识 先来解释下什么叫阻尼运动 阻尼振动是指,由于振动系统受到摩擦和介质阻力或其他能耗而使振幅随时间逐渐衰减的振动,又称减幅振动.衰减振动.[1] 不论是弹簧振子还是单摆由于外界的摩擦和介质阻力总是存在,在振动过程中要不断克服外界阻力做功,消耗能量,振幅就会逐渐减小,经过一段时间,振动就会完全停下来.这种振幅随时间减小的振动称为阻尼振动.因为振幅与振动的能量有关,阻尼振动也就是能量不断减少的振动.阻尼振动是非简谐运

  • Android自定义加载控件实现数据加载动画

    本文实例为大家分享了Android自定义加载控件,第一次小人跑动的加载效果眼前一亮,相比传统的PrograssBar高大上不止一点,于是走起,自定义了控件LoadingView去实现动态效果,可直接在xml中使用,具体实现如下 package com.*****.*****.widget; import android.content.Context; import android.graphics.drawable.AnimationDrawable; import android.util.

  • Android实现跳动的小球加载动画效果

    先来看看效果图 跳动的小球做这个动画,需掌握: 1.属性动画 2.Path类.Canvas类 3.贝塞尔曲线 4.SurfaceView用法 5.自定义attr属性 6 .架构: 状态模式,控制器 7 .自由落体,抛物线等概念 不多说了,直接上码 1.DancingView.java public class DancingView extends SurfaceView implements SurfaceHolder.Callback { public static final int ST

  • Android使用glide加载gif动画设置播放次数

    在使用glide加载gif动画,有时需要设置播放的次数,然后播放玩一次或者几次之后,需要在播放完做一些其他的操作,直接看代码: Glide.with(this) .load(R.drawable.xiaoguo) .diskCacheStrategy(DiskCacheStrategy.SOURCE) .listener(new RequestListener<Integer, GlideDrawable>() { @Override public boolean onException(Ex

  • Android自定义加载圈动画效果

    本文实例为大家分享了Android自定义加载圈动画展示的具体代码,供大家参考,具体内容如下 实现如下效果: 该效果图主要有3个动画: 1.旋转动画 2.聚合动画 3.扩散动画 以上3个动画都是通过ValueAnimator来实现,配合自定义View的onDraw()方法实现不断的刷新和绘制界面. 具体代码如下: package blog.csdn.net.mchenys.myanimationloading; import android.animation.Animator; import a

  • Android自定义加载loading view动画组件

    在github上找的一个有点酷炫的loading动画https://github.com/Fichardu/CircleProgress 我写写使用步骤 自定义view(CircleProgress )的代码 package com.hysmarthotel.view; import com.hysmarthotel.roomcontrol.R; import com.hysmarthotel.util.EaseInOutCubicInterpolator; import android.ani

  • Android 游戏引擎libgdx 资源加载进度百分比显示案例分析

    因为案例比较简单,所以简单用AndroidApplication -> Game -> Stage 搭建框架 一.主入口,无特殊 复制代码 代码如下: public class App extends AndroidApplication { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //初始化Demo initialize(new Demo()

  • Android Glide图片加载(加载监听、加载动画)

    本文实例为大家分享了Android Glide图片加载的具体代码,供大家参考,具体内容如下 1.普通用法 Glide.with(context) .load(url) .into(view); with中可以放context.activity.fragment..:当放activity.fragment时glide会根据生命周期来加载图片.推荐使用activity. 2.设置加载中和加载失败的图片 Glide.with(context) .load(url) .placeholder(R.dra

  • Android实现仿慕课网下拉加载动画

    具体实现方法就不多介绍了先附上源码,相信大家都容易看的懂: 这里为了让这个动画效果可被复用,于是就继承了ImageView 去实现某些方法 package com.example.loading_drawable; import android.content.Context; import android.graphics.drawable.AnimationDrawable; import android.util.AttributeSet; import android.util.Log;

  • Android绘制圆形百分比加载圈效果

    先看一组加载效果图,有点粉粉的加载圈: 自定义这样的圆形加载圈还是比较简单的,主要是用到Canvans的绘制文本,绘制圆和绘制圆弧的api: /** * 绘制圆 * @param cx 圆心x坐标 * @param cy 圆心y坐标 * @param radius 圆的半径 * @param paint 画笔 */ public void drawCircle(float cx, float cy, float radius, @NonNull Paint paint) { ... } /**

随机推荐