基于开源框架Glide加载Gif资源图到Android ImageView中

时间：2021-03-03 09:18:09

Glide - Google推荐的图片加载库！！

https://mrfu.me/2016/02/27/Glide_Getting_Started/

这里有Glide的使用教程,感谢作者。


ImageView的背景图想设置成gif的找到了这篇文章，感谢作者 复制过来参考一下

基于第三方开源框架Android Glide加载Gif资源图片到Android ImageView中》

通常Android的ImageView不能加载Gif图片，如不做任何处理，那么加载到ImageView中的Gif只显示第一帧。网上给出很多解决方案，也有不少开源框架定制专属的Gif View用于加载Gif图，这些解决方案基本上大多数是借助Android的Movie，把Gif图片资源作为流，解析成Android Movie显示，这些定制的基本思想就是先检测该图片资源是否是Gif图，若是，则按照Android Movie解析之。
有一个Android Glide开源框架，本身在图片加载和缓存方面做的比较优秀，我之前已写了一篇文章专门介绍如何在自己的项目中具体使用Android Glide库（该文章的链接地址：http://blog.csdn.net/zhangphil/article/details/45535693 ），同时，Android Glide加载Gif图片也很方便，把需要加载的gif图放到drawable目录下，然后就和普通的Andriod ImageView设置一个图片资源R.drawanle.xxx一模一样，很简单。或者从网路URL加载一个图片，开发者不用关心这个图片资源是否是gif还是其他jpg还是png等等格式，直接将其当作一个普通的图片加载之即可，至于该图片资源格式的判断处理及绘制，则有Android Glide全部代劳。


现举例：

package zhangphil.gif;  

import com.bumptech.glide.Glide;  

import android.support.v7.app.ActionBarActivity;  
import android.widget.ImageView;  
import android.os.Bundle;  

public class MainActivity extends ActionBarActivity {  

    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  

        ImageView imageView = (ImageView) findViewById(R.id.imageView);  
        Glide.with(this).load(R.drawable.loading).into(imageView);  
    }  
}

其中，R.drawable.loading是加载了drawable目录下的loading.gif图：

基于开源框架Glide加载Gif资源图到Android ImageView中

---------------------------------------------分割线---------------------------------------------

Android图片加载与缓存开源框架：Android Glide

《Android图片加载与缓存开源框架：Android Glide》

Android Glide是一个开源的图片加载和缓存处理的第三方框架。和Android的Picasso库类似，个人感觉比Android Picasso好用。Android Glide使自身内部已经实现了缓存策略，使得开发者摆脱Android图片加载的琐碎事务，专注逻辑业务的代码。Android Glide使用便利，短短几行简单明晰的代码，即可完成大多数图片从网络（或者本地）加载、显示的功能需求。

使用Android Glide，需要先下载Android Glide的库，Android Glide在github上的项目主页：

https://github.com/bumptech/glide 。

实际的项目使用只需要到Glide的releases页面把jar包下载后导入到本地的libs里面即可直接使用。Glide的releases的页面地址：https://github.com/bumptech/glide/releases ，在此页面找到最新的jar包，下载后放到自己项目的libs中，比如glide 3.6.0库的jar包下载地址：https://github.com/bumptech/glide/releases/download/v3.6.0/glide-3.6.0.jar


 接下来是在自己的项目中具体使用，现在给出一个具体的使用例子加以简单说明（通过网络加载图片然后在ImageView中显示出来）：

MainActivity.Java

    import com.bumptech.glide.Glide;  

    import android.support.v7.app.ActionBarActivity;  
    import android.view.LayoutInflater;  
    import android.view.View;  
    import android.view.ViewGroup;  
    import android.widget.ArrayAdapter;  
    import android.widget.ImageView;  
    import android.widget.ListView;  
    import android.app.Activity;  
    import android.content.Context;  
    import android.os.Bundle;  

    public class MainActivity extends ActionBarActivity {  

        private Activity mActivity;  
        // 将从此URL加载网络图片。  
        private String img_url = "http://avatar.csdn.net/9/7/A/1_zhangphil.jpg";  

        @Override  
        protected void onCreate(Bundle savedInstanceState) {  
            super.onCreate(savedInstanceState);  
            mActivity = this;  

            setContentView(R.layout.activity_main);  

            ListView lv = (ListView) findViewById(R.id.listView);  
            lv.setAdapter(new MyAdapter(this, R.layout.item));  
        }  

        private class MyAdapter extends ArrayAdapter {  

            private int resource;  

            public MyAdapter(Context context, int resource) {  
                super(context, resource);  
                this.resource = resource;  
            }  

            @Override  
            public View getView(int position, View convertView, ViewGroup parent) {  
                if (convertView == null) {  
                    convertView = LayoutInflater.from(mActivity).inflate(resource,  
                            null);  
                }  

                ImageView iv = (ImageView) convertView.findViewById(R.id.imageView);  

                Glide.with(mActivity).load(img_url).centerCrop()  
                /* 
                 * 缺省的占位图片，一般可以设置成一个加载中的进度GIF图 
                 */  
                .placeholder(R.drawable.loading).crossFade().into(iv);  

                return convertView;  
            }  

            @Override  
            public int getCount() {  
                // 假设加载的数据量很大  
                return 10000;  
            }  
        }  
    }

MainActivity.java需要的两个布局文件：

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:orientation="vertical" >  

    <ListView  
        android:id="@+id/listView"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content" >  
    </ListView>  

</LinearLayout>
item.xml 

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

    <ImageView  
        android:id="@+id/imageView"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content" />  

</LinearLayout>




标签：

相关文章