关于android加载Gif图片的方法

最新推荐文章于 2023-05-26 17:01:20 发布

Angle0o

最新推荐文章于 2023-05-26 17:01:20 发布

阅读量795

点赞数

本文链接：https://blog.csdn.net/Angle0o/article/details/52281667

版权

通常Android的ImageView不能加载Gif图片，如不做任何处理，那么加载到ImageView中的Gif只显示第一帧.

这里用到的就是谷歌在2014年IO大会上提出的框架Glide,用起来十分的方便

1.打开Android Studio，在builde.gradle里面添加上

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

2.加载的话很简单,直接一句代码就可以

Glide.with(this).load(R.drawable.loading).into(imageView);
这里的Loading可是url地址的

不过在你使用了几天之后你会发现一些问题：

为什么有的图片第一次加载的时候只显示占位图，第二次才显示正常的图片呢？

为什么我总会得到类似You cannot start a load for a destroyed activity这样的异常呢？

为什么我不能给加载的图片setTag()呢？

为什么？为什么？这么NB的库竟然会有这么多的问题。没错，这就是我今天要讲的重点。怎么避免上面的问题发生。

一些解决方案

1.如果你刚好使用了这个圆形Imageview库或者其他的一些自定义的圆形Imageview，而你又刚好设置了占位的话，那么，你就会遇到第一个问题。如何解决呢？

方案一: 不设置占位；
方案二：使用Glide的Transformation API自定义圆形Bitmap的转换。这里是一个已有的例子；
方案三：使用下面的代码加载图片：

Glide.with(mContext)
    .load(url) 
    .placeholder(R.drawable.loading_spinner)
    .into(new SimpleTarget<Bitmap>(width, height) {
        @Override 
        public void onResourceReady(Bitmap bitmap, GlideAnimation anim) {
            // setImageBitmap(bitmap) on CircleImageView 
        } 
    };

2.至于第二个问题，请记住一句话：不要再非主线程里面使用Glide加载图片，如果真的使用了，请把context参数换成getApplicationContext。更多的细节请参考这个issue。

3.为什么不能设置Tag，是因为你使用的姿势不对哦。如何为ImageView设置Tag呢？且听我细细道来。

方案一：使用setTag(int,object)方法设置tag,具体用法如下：

Java代码是酱紫的：

Glide.with(context).load(urls.get(i).getUrl()).fitCenter().into(imageViewHolder.image);
        imageViewHolder.image.setTag(R.id.image_tag, i);
        imageViewHolder.image.setOnClickListener(new View.OnClickListener() {
            @Override
                int position = (int) v.getTag(R.id.image_tag);
                Toast.makeText(context, urls.get(position).getWho(), Toast.LENGTH_SHORT).show();
            }
        });

同时在values文件夹下新建ids.xml，添加

<item name="image_tag" type="id"/>

大功告成!

方案二：从Glide的3.6.0之后，新添加了全局设置的方法。具体方法如下：

先实现GlideMoudle接口，全局设置ViewTaget的tagId:

public class MyGlideMoudle implements GlideModule{
    @Override
    public void applyOptions(Context context, GlideBuilder builder) {
        ViewTarget.setTagId(R.id.glide_tag_id);
    }

    @Override
    public void registerComponents(Context context, Glide glide) {

    }
}

同样，也需要在ids.xml下添加id

<item name="glide_tag_id" type="id"/>

最后在AndroidManifest.xml文件里面添加

<meta-data
    android:name="com.yourpackagename.MyGlideMoudle"
    android:value="GlideModule" />

又可以愉快的玩耍了，嘻嘻`(∩_∩)′。

方案三：写一个继承自ImageViewTaget的类，复写它的get/setRequest方法。

Glide.with(context).load(urls.get(i).getUrl()).fitCenter().into(new ImageViewTarget<GlideDrawable>(imageViewHolder.image) {
            @Override
            protected void setResource(GlideDrawable resource) {
                imageViewHolder.image.setImageDrawable(resource);
            }

            @Override
            public void setRequest(Request request) {
                imageViewHolder.image.setTag(i);
                imageViewHolder.image.setTag(R.id.glide_tag_id,request);
            }

            @Override
            public Request getRequest() {
                return (Request) imageViewHolder.image.getTag(R.id.glide_tag_id);
            }
        });

        imageViewHolder.image.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int position = (int) v.getTag();
                Toast.makeText(context, urls.get(position).getWho(), Toast.LENGTH_SHORT).show();
            }
        });