美文网首页androidAPP & program
Android中加载Gif动画

Android中加载Gif动画

作者: 夜沐下的星雨 | 来源:发表于2022-04-14 18:34 被阅读0次

    Gif动画,我使用了三种方式

    1.自定义控件加载gif动画

    ①.首先自定义一个GifView,用于显示Gif图片,具体代码如下:

    public class GifView extends View {
        private Resources resources;
        private Movie mMovie;
        private long mMovieStart;
        private float ratioWidth;
        private float ratioHeight;
        public GifView(Context context) {
            this(context,null);
        }
     
        public GifView(Context context, @Nullable AttributeSet attrs) {
            this(context, attrs,0);
        }
     
        public GifView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
                setLayerType(View.LAYER_TYPE_SOFTWARE, null);
            }
            resources = context.getResources();
            TypedArray ta = context.obtainStyledAttributes(attrs,R.styleable.GifView);
            int resourceId = ta.getResourceId(R.styleable.GifView_src, -1);
            setGifResource(resourceId);
            ta.recycle();
        }
     
        public void setGifResource(int resourceId) {
            if (resourceId==-1){
                return;
            }
            InputStream is = resources.openRawResource(resourceId);
            mMovie = Movie.decodeStream(is);
            requestLayout();
        }
        public  void setGifStream(InputStream is){
            mMovie = Movie.decodeStream(is);
            requestLayout();
        }
     
        @Override
        protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
            if (mMovie!=null){
                int w = mMovie.width();
                int h = mMovie.height();
                if (w<=0){
                    w=1;
                }
                if (h<=0){
                    h=1;
                }
                int pLeft = getPaddingLeft();
                int pRight = getPaddingRight();
                int pTop = getPaddingTop();
                int pBottom = getPaddingBottom();
                int widthSize;
                int heightSize;
                w+=pLeft+pRight;
                h+=pTop+pBottom;
                w=Math.max(w,getSuggestedMinimumWidth());
                h=Math.max(h,getSuggestedMinimumHeight());
                widthSize= resolveSizeAndState(w,widthMeasureSpec,0);
                heightSize= resolveSizeAndState(h,heightMeasureSpec,0);
                ratioWidth = (float) widthSize/w;
                ratioHeight = (float) heightSize/h;
                setMeasuredDimension(widthSize,heightSize);
            }else{
                super.onMeasure(widthMeasureSpec, heightMeasureSpec);
            }
        }
     
        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
            long now = SystemClock.uptimeMillis();
            if (mMovieStart ==0){ //第一次进入
                mMovieStart =now;
            }
            if (mMovie!=null){
                int dur = mMovie.duration();
                if (dur==0){
                    dur=1000;
                }
                int relTime= (int) ((now-mMovieStart)%dur);
                mMovie.setTime(relTime);
               //  mMovie.draw(canvas,0,0);
                float scale=Math.min(ratioWidth,ratioHeight);
                canvas.scale(scale,scale);
                mMovie.draw(canvas,0,0);
                invalidate();
            }
        }
    }
    

    ②.在布局文件中添加自定义的控件,我这加了两个,第一个展示assets文件中的gif图片,一个展示drawable中的gif图片

     <com.example.wen.adroid.view.GifView
            android:id="@+id/gv_photo"
            android:layout_width="match_parent"
            android:layout_weight="1"
            android:layout_gravity="center"
            android:layout_height="0dp"
           />
        <com.example.wen.adroid.view.GifView
            android:id="@+id/gv_local_photo"
            android:layout_width="match_parent"
            android:layout_weight="1"
            android:layout_gravity="center"
            android:layout_height="0dp"
            app:src="@drawable/gifphoto"/>
    

    ③.展示gif图片,具体代码如下:

             //方法一 使用自定义gifview播放gif图片
            mGvLocalPhoto = (GifView) findViewById(R.id.gv_local_photo);
            mGvPhoto = (GifView) findViewById(R.id.gv_photo);
          
            try {
                InputStream is = getAssets().open("assetphoto.gif");
                mGvPhoto.setGifStream(is);
            } catch (IOException e) {
                e.printStackTrace();
            }
    

    2.使用Glide加载gif动画

    Glide 地址: https://github.com/bumptech/glide

    ①.首先配置build.gradle

     compile 'com.github.bumptech.glide:glide:3.7.0'
    

    ②.配置好Glide之后,然后通过基本的用法去加载,加载代码如下:

    // 使用Glide播放gif图片
     mIvPhoto = (ImageView) findViewById(R.id.iv_photo);
     Glide.with(this)
              .load(R.drawable.gifphoto)
              .asGif()
              .diskCacheStrategy(DiskCacheStrategy.SOURCE)
              .into(mIvPhoto);
    

    注意:diskCacheStrategy是为其添加缓存策略,其中缓存策略可以为:Source及None,None及为不缓存,Source缓存原型。

    3.使用android-gif-drawable加载gif动画

    android-gif-drawable 地址:https://github.com/koral--/android-gif-drawable

    ①.首先配置build.gradle

    compile 'pl.droidsonroids.gif:android-gif-drawable:1.2.7'
    

    ②.在xml中添加GifImageView控件

    <pl.droidsonroids.gif.GifImageView
            android:id="@+id/giv_photo"
            android:layout_width="match_parent"
            android:layout_weight="1"
            android:layout_height="0dp"
            android:src="@drawable/gifphoto"
            />
    

    ③.调用android-gif-drawable

     //使用android-gif-drawable 库
            GifImageView mGifIvPhoto = (GifImageView) findViewById(R.id.giv_photo);
            try {
                //加载asset文件中的gif图片
                GifDrawable gif = new GifDrawable(getAssets(), "assetphoto.gif");
                mGifIvPhoto.setImageDrawable(gif);
            } catch (IOException e) {
                e.printStackTrace();
            }
    

    相关文章

      网友评论

        本文标题:Android中加载Gif动画

        本文链接:https://www.haomeiwen.com/subject/qzuasrtx.html