zoukankan      html  css  js  c++  java
  • 在Android中显示GIF动画

    gif图动画在android中还是比较常用的,比如像新浪微博中,有很多gif图片,而且展示非常好,所以我也想弄一个。经过我多方的搜索资料和整理,终于弄出来了,其实github上有很多开源的gif的展示代码,我下载过几个,但是都不是很理想,不是我完全想要的。所以有时候就得自己学会总结,把开源的东西整理成自己的,现在无聊,也正好有朋友需要,所以现在整理了一下,留着以后备用!

    废话不多说,直接上图:

    在这里主要用的是:android中的android.graphics.Movie 这个类,这是android提供给我们的一个非常方便的工具。

    首先,重写控件View,自定义一个展示gif图的GifView,代码如下:

     

    [java] view plaincopy在CODE上查看代码片派生到我的代码片
     
    1. package net.loonggg.gif.view;  
    2.   
    3. import net.loonggg.gif.R;  
    4. import android.annotation.SuppressLint;  
    5. import android.content.Context;  
    6. import android.content.res.TypedArray;  
    7. import android.graphics.Canvas;  
    8. import android.graphics.Movie;  
    9. import android.os.Build;  
    10. import android.util.AttributeSet;  
    11. import android.view.View;  
    12.   
    13. public class GifView extends View {  
    14.   
    15.     /** 
    16.      * 默认为1秒 
    17.      */  
    18.     private static final int DEFAULT_MOVIE_DURATION = 1000;  
    19.   
    20.     private int mMovieResourceId;  
    21.   
    22.     private Movie mMovie;  
    23.   
    24.     private long mMovieStart;  
    25.   
    26.     private int mCurrentAnimationTime = 0;  
    27.   
    28.     private float mLeft;  
    29.   
    30.     private float mTop;  
    31.   
    32.     private float mScale;  
    33.   
    34.     private int mMeasuredMovieWidth;  
    35.   
    36.     private int mMeasuredMovieHeight;  
    37.   
    38.     private boolean mVisible = true;  
    39.   
    40.     private volatile boolean mPaused = false;  
    41.   
    42.     public GifView(Context context) {  
    43.         this(context, null);  
    44.     }  
    45.   
    46.     public GifView(Context context, AttributeSet attrs) {  
    47.         this(context, attrs, R.styleable.CustomTheme_gifViewStyle);  
    48.     }  
    49.   
    50.     public GifView(Context context, AttributeSet attrs, int defStyle) {  
    51.         super(context, attrs, defStyle);  
    52.         setViewAttributes(context, attrs, defStyle);  
    53.     }  
    54.   
    55.     @SuppressLint("NewApi")  
    56.     private void setViewAttributes(Context context, AttributeSet attrs,  
    57.             int defStyle) {  
    58.         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {  
    59.             setLayerType(View.LAYER_TYPE_SOFTWARE, null);  
    60.         }  
    61.         // 从描述文件中读出gif的值,创建出Movie实例  
    62.         final TypedArray array = context.obtainStyledAttributes(attrs,  
    63.                 R.styleable.GifView, defStyle, R.style.Widget_GifView);  
    64.         mMovieResourceId = array.getResourceId(R.styleable.GifView_gif, -1);  
    65.         mPaused = array.getBoolean(R.styleable.GifView_paused, false);  
    66.         array.recycle();  
    67.         if (mMovieResourceId != -1) {  
    68.             mMovie = Movie.decodeStream(getResources().openRawResource(  
    69.                     mMovieResourceId));  
    70.         }  
    71.     }  
    72.   
    73.     /** 
    74.      * 设置gif图资源 
    75.      *  
    76.      * @param movieResId 
    77.      */  
    78.     public void setMovieResource(int movieResId) {  
    79.         this.mMovieResourceId = movieResId;  
    80.         mMovie = Movie.decodeStream(getResources().openRawResource(  
    81.                 mMovieResourceId));  
    82.         requestLayout();  
    83.     }  
    84.   
    85.     public void setMovie(Movie movie) {  
    86.         this.mMovie = movie;  
    87.         requestLayout();  
    88.     }  
    89.   
    90.     public Movie getMovie() {  
    91.         return mMovie;  
    92.     }  
    93.   
    94.     public void setMovieTime(int time) {  
    95.         mCurrentAnimationTime = time;  
    96.         invalidate();  
    97.     }  
    98.   
    99.     /** 
    100.      * 设置暂停 
    101.      *  
    102.      * @param paused 
    103.      */  
    104.     public void setPaused(boolean paused) {  
    105.         this.mPaused = paused;  
    106.         if (!paused) {  
    107.             mMovieStart = android.os.SystemClock.uptimeMillis()  
    108.                     - mCurrentAnimationTime;  
    109.         }  
    110.         invalidate();  
    111.     }  
    112.   
    113.     /** 
    114.      * 判断gif图是否停止了 
    115.      *  
    116.      * @return 
    117.      */  
    118.     public boolean isPaused() {  
    119.         return this.mPaused;  
    120.     }  
    121.   
    122.     @Override  
    123.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
    124.         if (mMovie != null) {  
    125.             int movieWidth = mMovie.width();  
    126.             int movieHeight = mMovie.height();  
    127.             int maximumWidth = MeasureSpec.getSize(widthMeasureSpec);  
    128.             float scaleW = (float) movieWidth / (float) maximumWidth;  
    129.             mScale = 1f / scaleW;  
    130.             mMeasuredMovieWidth = maximumWidth;  
    131.             mMeasuredMovieHeight = (int) (movieHeight * mScale);  
    132.             setMeasuredDimension(mMeasuredMovieWidth, mMeasuredMovieHeight);  
    133.         } else {  
    134.             setMeasuredDimension(getSuggestedMinimumWidth(),  
    135.                     getSuggestedMinimumHeight());  
    136.         }  
    137.     }  
    138.   
    139.     @Override  
    140.     protected void onLayout(boolean changed, int l, int t, int r, int b) {  
    141.         super.onLayout(changed, l, t, r, b);  
    142.         mLeft = (getWidth() - mMeasuredMovieWidth) / 2f;  
    143.         mTop = (getHeight() - mMeasuredMovieHeight) / 2f;  
    144.         mVisible = getVisibility() == View.VISIBLE;  
    145.     }  
    146.   
    147.     @Override  
    148.     protected void onDraw(Canvas canvas) {  
    149.         if (mMovie != null) {  
    150.             if (!mPaused) {  
    151.                 updateAnimationTime();  
    152.                 drawMovieFrame(canvas);  
    153.                 invalidateView();  
    154.             } else {  
    155.                 drawMovieFrame(canvas);  
    156.             }  
    157.         }  
    158.     }  
    159.   
    160.     @SuppressLint("NewApi")  
    161.     private void invalidateView() {  
    162.         if (mVisible) {  
    163.             if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {  
    164.                 postInvalidateOnAnimation();  
    165.             } else {  
    166.                 invalidate();  
    167.             }  
    168.         }  
    169.     }  
    170.   
    171.     private void updateAnimationTime() {  
    172.         long now = android.os.SystemClock.uptimeMillis();  
    173.         // 如果第一帧,记录起始时间  
    174.         if (mMovieStart == 0) {  
    175.             mMovieStart = now;  
    176.         }  
    177.         // 取出动画的时长  
    178.         int dur = mMovie.duration();  
    179.         if (dur == 0) {  
    180.             dur = DEFAULT_MOVIE_DURATION;  
    181.         }  
    182.         // 算出需要显示第几帧  
    183.         mCurrentAnimationTime = (int) ((now - mMovieStart) % dur);  
    184.     }  
    185.   
    186.     private void drawMovieFrame(Canvas canvas) {  
    187.         // 设置要显示的帧,绘制即可  
    188.         mMovie.setTime(mCurrentAnimationTime);  
    189.         canvas.save(Canvas.MATRIX_SAVE_FLAG);  
    190.         canvas.scale(mScale, mScale);  
    191.         mMovie.draw(canvas, mLeft / mScale, mTop / mScale);  
    192.         canvas.restore();  
    193.     }  
    194.   
    195.     @SuppressLint("NewApi")  
    196.     @Override  
    197.     public void onScreenStateChanged(int screenState) {  
    198.         super.onScreenStateChanged(screenState);  
    199.         mVisible = screenState == SCREEN_STATE_ON;  
    200.         invalidateView();  
    201.     }  
    202.   
    203.     @SuppressLint("NewApi")  
    204.     @Override  
    205.     protected void onVisibilityChanged(View changedView, int visibility) {  
    206.         super.onVisibilityChanged(changedView, visibility);  
    207.         mVisible = visibility == View.VISIBLE;  
    208.         invalidateView();  
    209.     }  
    210.   
    211.     @Override  
    212.     protected void onWindowVisibilityChanged(int visibility) {  
    213.         super.onWindowVisibilityChanged(visibility);  
    214.         mVisible = visibility == View.VISIBLE;  
    215.         invalidateView();  
    216.     }  
    217.   
    218. }  

    Movie其实管理着GIF动画中的多个帧,只需要通过 setTime() 一下就可以让它在draw()的时候绘出相应的那帧图像。通过当前时间与duration之间的换算关系,是很容易实现GIF动起来的效果。

    其次,在xml布局文件中,把这个view定义进去,代码如下:

     

    [html] view plaincopy在CODE上查看代码片派生到我的代码片
     
    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    3.     android:layout_width="fill_parent"  
    4.     android:layout_height="fill_parent"  
    5.     android:orientation="vertical" >  
    6.   
    7.     <net.loonggg.gif.view.GifView  
    8.         android:id="@+id/gif1"  
    9.         android:layout_width="100dp"  
    10.         android:layout_height="100dp"  
    11.         android:layout_gravity="center_horizontal"  
    12.         android:enabled="false" />  
    13.   
    14.     <net.loonggg.gif.view.GifView  
    15.         android:id="@+id/gif2"  
    16.         android:layout_width="200dp"  
    17.         android:layout_height="200dp"  
    18.         android:layout_gravity="center_horizontal"  
    19.         android:enabled="false" />  
    20.   
    21. </LinearLayout>  

    最后,在MainActivity中的使用,代码如下:

     

    [java] view plaincopy在CODE上查看代码片派生到我的代码片
     
    1. package net.loonggg.gif;  
    2.   
    3. import net.loonggg.gif.view.GifView;  
    4. import android.app.Activity;  
    5. import android.os.Bundle;  
    6.   
    7. public class Gif extends Activity {  
    8.     private GifView gif1, gif2;  
    9.   
    10.     @Override  
    11.     public void onCreate(Bundle savedInstanceState) {  
    12.         super.onCreate(savedInstanceState);  
    13.         setContentView(R.layout.main);  
    14.         gif1 = (GifView) findViewById(R.id.gif1);  
    15.         // 设置背景gif图片资源  
    16.         gif1.setMovieResource(R.raw.kitty);  
    17.         gif2 = (GifView) findViewById(R.id.gif2);  
    18.         gif2.setMovieResource(R.raw.b);  
    19.         // 设置暂停  
    20.         // gif2.setPaused(true);  
    21.   
    22.     }  
    23.   
    24. }  

    注意:与ImageView和其他View唯一的区别在于我加了一个gif属性。

     

     

    [html] view plaincopy在CODE上查看代码片派生到我的代码片
     
    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <resources>  
    3.   
    4.     <declare-styleable name="GifView">  
    5.         <attr name="gif" format="reference" />  
    6.         <attr name="paused" format="boolean" />  
    7.     </declare-styleable>  
    8.     <declare-styleable name="CustomTheme">  
    9.         <attr name="gifViewStyle" format="reference" />  
    10.     </declare-styleable>  
    11.   
    12. </resources>  

    这个代码已经非常好了,使用也非常方便,其实不懂代码是什么意思也可以很好的用,只需要懂得我写注释的那几行和Activity里面的那几行代码就可以了!

    转载请注明出处:http://blog.csdn.net/loongggdroid/article/details/21166563

    求源码,请关注微信订阅号:smart_android,微信名:非著名程序员,关注成功后,给微信号发送您的邮箱,源码就会发到您的邮箱里。发送格式:发送内容+您的邮箱(内容即为你要的源码内容)

     

     

    版权声明:本文为博主原创文章,未经博主允许不得转载。

  • 相关阅读:
    解析Java反射java.lang.IllegalArgumentException: wrong number of arguments
    java中参数" ..."的用法和意思
    Synchronized方法锁、对象锁、类锁区别
    瀚云平台kafka简单原理
    ReflectionUtils.invokeMethod的作用
    实用———springmvc接收参数校验
    卷积神经网络CNN
    第一个TensorFlow程序
    TF从文件中读取数据
    TF基础5
  • 原文地址:https://www.cnblogs.com/Free-Thinker/p/4654018.html
Copyright © 2011-2022 走看看