Android 使用ImageLoader框架进行图片加载

图片加载框架ImageLoader的使用方法

第一步：导入jar包，作为moudle。github地址：https://github.com/nostra13/Android-Universal-Image-Loader

第二步：在Appliction中全局初始化ImageLoader，代码如下：

public class MyApplication extends Application {

    @Override
    public void onCreate() {
        super.onCreate();
        initImageLoader(this);
    }

    private void initImageLoader(Context context) {
        ImageLoaderConfiguration configuration = new ImageLoaderConfiguration.Builder(context)
                .threadPriority(Thread.NORM_PRIORITY - 2)               // 线程优先级
                .denyCacheImageMultipleSizesInMemory()                  // 当同一个Uri获取不同大小的图片，缓存到内存时，只缓存一个。默认会缓存多个不同的大小的相同图片
                .discCacheFileNameGenerator(new Md5FileNameGenerator()) // 将保存的时候的URI名称用MD5
                .tasksProcessingOrder(QueueProcessingType.LIFO)         // 设置图片下载和显示的工作队列排序
                .writeDebugLogs()                                       // 打印debug log
                .build();

        // 全局初始化此配置
        ImageLoader.getInstance().init(configuration);
    }
}

在<uses-permission>中声明联网权限和SD卡写入权限

<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

我这里提前准备需要加载的图片地址，并且将它放在了一个类里写成数组

public class Contace {
    public static final String[] IMAGES = new String[]{
            // Heavy images
            "http://www.sinaimg.cn/qc/photo_auto/photo/84/35/39698435/39698435_140.jpg",
            "http://www.sinaimg.cn/qc/photo_auto/photo/44/23/39674423/39674423_140.jpg",
            "http://www.sinaimg.cn/qc/photo_auto/photo/74/19/39657419/39657419_140.jpg",
            "http://www.sinaimg.cn/qc/photo_auto/photo/34/09/39653409/39653409_140.jpg",
            "http://www.sinaimg.cn/qc/photo_auto/photo/53/97/39645397/39645397_140.jpg",

在listView中使用ImageLoader来进行图片加载

写一个ListViewActivity类继承自Activity来承载ListView,代码如下：

public class ListViewActivity extends Activity {
    private ListView mListview;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_list_view);
        initView();
        initData();
    }

    private void initView() {
        mListview = (ListView) findViewById(R.id.lsit_view);

    }
    private void initData() {
        mListview.setAdapter(new ListViewBaseDapter(this));
    }
}

适配器ListViewBaseDapter

public class ListViewBaseDapter extends BaseAdapter {
    private Context mcontext;
    private ImageLoader imageLoader;
    private DisplayImageOptions options;

    public ListViewBaseDapter(Context context){
        mcontext = context;
        //初始化ImageLoader
        // 获取ImageLoader实例
         imageLoader = ImageLoader.getInstance();

        options = new DisplayImageOptions.Builder()
                .showStubImage(R.mipmap.ic_launcher)          // 设置图片下载期间显示的图片
                .showImageForEmptyUri(R.mipmap.ic_launcher)  // 设置图片Uri为空或是错误的时候显示的图片
                .showImageOnFail(R.mipmap.ic_launcher)       // 设置图片加载或解码过程中发生错误显示的图片
                .cacheInMemory(true)                        // 设置下载的图片是否缓存在内存中
                .cacheOnDisk(true)                          // 设置下载的图片是否缓存在SD卡中
                .displayer(new RoundedBitmapDisplayer(20))  // 设置成圆角图片
                .build();                                   // 创建配置过得DisplayImageOption对象
    }

    @Override
    public int getCount() {
        return Contace.IMAGES.length;  //返回数量
    }

    @Override
    public Object getItem(int position) {
        return Contace.IMAGES[position]; //返回位置
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder;

        if (convertView==null){
            viewHolder = new ViewHolder();
            convertView = View.inflate(mcontext, R.layout.listview_item, null);
            viewHolder.imageView = (ImageView) convertView.findViewById(R.id.list_item_image);
            viewHolder.textView = (TextView) convertView.findViewById(R.id.list_item_text);
            convertView.setTag(viewHolder);
        }else {
            viewHolder = (ViewHolder) convertView.getTag();
        }
        viewHolder.textView.setText("item"+position);
        imageLoader.displayImage(Contace.IMAGES[position],viewHolder.imageView,options);
        return convertView;
    }
    class ViewHolder{
        private ImageView imageView;
        private TextView textView;

    }

}

在GridView里面采用ImageLoader和ListView大同小异，下面是适配器的代码

public class GridViewAdapter extends BaseAdapter {
    private Context mContext;
    private ImageLoader imageLoader;
    private DisplayImageOptions options;

    public  GridViewAdapter(Context context){
        mContext = context;
        // 获取ImageLoader实例
        imageLoader = ImageLoader.getInstance();

        // 配置加载图片参数
        options = new DisplayImageOptions.Builder()
                .showStubImage(R.mipmap.ic_launcher)          // 设置图片下载期间显示的图片
                .showImageForEmptyUri(R.mipmap.ic_launcher)  // 设置图片Uri为空或是错误的时候显示的图片
                .showImageOnFail(R.mipmap.ic_launcher)       // 设置图片加载或解码过程中发生错误显示的图片
                .cacheInMemory(true)                        // 设置下载的图片是否缓存在内存中
                .cacheOnDisk(true)                          // 设置下载的图片是否缓存在SD卡中
                .bitmapConfig(Bitmap.Config.RGB_565)        // 设置图片的解码类型
                .build();                                   // 创建配置过得DisplayImageOption对象
    }
    @Override
    public int getCount() {
        return Contace.IMAGES.length;
    }

    @Override
    public Object getItem(int position) {
        return  Contace.IMAGES[position];
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        //创建viewholder的对象
        ViewHolder viewHolder;
        if (convertView==null){
            //实例化对象
            viewHolder = new ViewHolder();
            convertView = View.inflate(mContext, R.layout.gridview_item, null);
            viewHolder.imageView = (ImageView) convertView.findViewById(R.id.grid_view_image);
            convertView.setTag(viewHolder);
        }else {
            viewHolder = (ViewHolder) convertView.getTag();
        }

        //设置值
        imageLoader.displayImage(Contace.IMAGES[position],viewHolder.imageView,options);
        return convertView;
    }

    class ViewHolder{
    private ImageView imageView;
    }
}

在ViewPager里面使用ImageLoader

public class ViewpagerActivity extends Activity {
    private ViewPager mViewpager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_viewpager);
        mViewpager = (ViewPager) findViewById(R.id.view_pager);
        initData();
    }

    private void initData() {
        mViewpager.setAdapter(new ViewpagerAdapter(this));
        //show the first view
        mViewpager.setCurrentItem(0);
    }
}

Viewpager的适配器ViewpagerAdapter

public class ViewpagerAdapter extends PagerAdapter {
    private Context mContext;
    //the key is  ctrl + alt + F  quick to change global variable
    private final ImageLoader imageLoader;
    private DisplayImageOptions options;

    public ViewpagerAdapter(Context context) {

        mContext = context;
        imageLoader = ImageLoader.getInstance();
        // imitilizing   the options
        options = new DisplayImageOptions.Builder()
                .showImageForEmptyUri(R.mipmap.ic_launcher)  // 设置图片Uri为空或是错误的时候显示的图片
                .showImageOnFail(R.mipmap.ic_launcher)       // 设置图片加载或解码过程中发生错误显示的图片
                .resetViewBeforeLoading(true)               // 设置图片在下载前是否重置，复位
                .cacheOnDisc(true)                          // 设置下载的图片是否缓存在SD卡中
                .imageScaleType(ImageScaleType.EXACTLY)     // 设置图片以如何的编码方式显示
                .bitmapConfig(Bitmap.Config.RGB_565)        // 设置图片的解码类型
                .displayer(new FadeInBitmapDisplayer(300))  // 设置图片渐变显示
                .build();
    }

    @Override
    public int getCount() {
        return Contace.IMAGES.length;
    }
    //the picture is in network, how to use it?
    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        View view = View.inflate(mContext,R.layout.viewpager_item,null);
        ImageView image = (ImageView) view.findViewById(R.id.viewpager_image);
        //use ImageLoader to download picture and show
        imageLoader.displayImage(Contace.IMAGES[position],image, options);
        //addview to container
        ((ViewPager)container).addView(view,0);
        //the return is view not container
        return view;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {

       //super.destroyItem(container, position, object);
        ((ViewPager)container).removeView((View) object);
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view==object;
    }

}