ImageLoader框架的简单使用

符哥2008

已于 2023-09-09 17:31:16 修改

阅读量1k

点赞数

分类专栏： Android 文章标签： ImageLoader

于 2018-05-04 14:28:14 首次发布

本文链接：https://blog.csdn.net/qq_35460159/article/details/80193931

版权

Android 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

一、ImageLoader简介

1.ImageLoader是一个开源的UI组件程序，该项目的目的是提供一个可重复使用的仪器为异步图像加载，缓存和显示。

2.ImageLoader框架的优点主要有以下几个方面；

1）多线程下载图片，图片可以来源于网络，文件系统，项目文件夹assets中以及drawable等

2）支持随意的配置ImageLoader，例如线程池，图片下载器，内存缓存策略，硬盘缓存策略，图片显示选项以及其他的一些配置。

3）支持图片的内存缓存，文件系统缓存或者SD卡缓存。

4）支持图片下载过程的监听。

5）根据控件(ImageView)的大小对Bitmap进行裁剪，减少Bitmap占用过多的内存。

6）较好的控制图片的加载过程，例如暂停图片加载，重新开始加载图片，一般使用在ListView,GridView中，滑动过程中暂停加载图片，停止滑动的时候去加载图片。

7）适合在较慢的网络下对图片进行加载。

3.项目下载地址

https://github.com/nostra13/Android-Universal-Image-Loader

二、使用步骤

1.导入universal-image-loader-1.9.5.jar到项目中。

2.创建MyApplication继承Application，在oncreate()中初始化ImageLoader。

1）初始化ImageLoaderConfiguration。

2）ImageLoader全局配置

public class MyApplication extends Application {

    @Override
    public void onCreate() {
        super.onCreate();

        initImageLoader(this);
    }

    // 初始化imageloader
    private void initImageLoader(Context context) {

        // 初始化参数
        ImageLoaderConfiguration config = 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(config);
    }
}

3.将创建的MyApplication在AndroidManifest.xml中注册，并在AndroidManifest.xml添加权限。

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

4.初始化DisplayImageOptions。

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

5.获取ImageLoader实例。

        ImageLoader imageLoader = ImageLoader.getInstance();

6.显示加载的图片。

        //参数1:图片url; 参数2:显示图片的控件; 参数3:显示图片的设置; 参数4:监听器
        imageLoader.displayImage(Constants.IMAGES[position], holder.image, options, mFirstLoadImageListener);

三、ImageLoader场景案例。

1.在ListView中加载图片。

1）导入universal-image-loader-1.9.5.jar到项目中。

2）创建MyApplication继承Application，在oncreate()中初始化ImageLoader。

3）将创建的MyApplication在AndroidManifest.xml中注册。

4）在AndroidManifest.xml中添加联网权限和写sdk权限。

5）初始化xml布局。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="@android:color/holo_blue_light"
        android:gravity="center"
        android:text="ImagleLoager_Listview"
        android:textColor="@android:color/white"
        android:textSize="25sp" />

    <ListView
        android:id="@+id/lv_imageloader"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </ListView>
</LinearLayout>

6）初始化listview。

// 初始化view
 void initView() {
    lv_imageloader = (ListView)findViewById(R.id.lv_imageloader);
}

private void initData() {
	// 创建适配器
    listViewAdapter = new ListViewAdapter(this);

	// 添加适配器到listview中
    lv_imageloader.setAdapter(listViewAdapter);
}

7）初始化适配器。

a）构造器

public ListViewAdapter(Context context) {
    // 获取上下文
    mContext = context;

    // 获取ImageLoader实例
    imageLoader = ImageLoader.getInstance();

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

}

b）四个核心方法。

@Override
public int getCount() {
    return Constants.IMAGES.length;
}

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

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

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

    if (convertView == null) {
        convertView = View.inflate(mContext, R.layout.item_listview_image, null);

        holder = new ViewHolder();
        holder.text = (TextView) convertView.findViewById(R.id.text);
        holder.image = (ImageView) convertView.findViewById(R.id.image);

        convertView.setTag(holder);        // 给View添加一个格外的数据
    } else {
        holder = (ViewHolder) convertView.getTag(); // 把数据取出来
    }

    holder.text.setText("Item " + (position + 1));    // TextView设置文本

    /**
     * 显示图片
     * 参数1：图片url
     * 参数2：显示图片的控件
     * 参数3：显示图片的设置
     * 参数4：监听器
     */
    imageLoader.displayImage(Constants.IMAGES[position], holder.image, options);

    return convertView;
}

2.在GridView中加载图片。

前期准备同上listview的 1），2）， 3）， 4）步。

5）初始化布局。

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

    <TextView
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="@android:color/holo_blue_light"
        android:gravity="center"
        android:text="ImagleLoager_Gridview"
        android:textColor="@android:color/white"
        android:textSize="25sp" />

    <GridView
        android:id="@+id/gv_imageloader"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center"
        android:horizontalSpacing="4dip"
        android:numColumns="3"
        android:padding="4dip"
        android:stretchMode="columnWidth"
        android:verticalSpacing="4dip" />

</LinearLayout>

6）初始化view。

private void initView() {
    gv_imageloader = (GridView)findViewById(R.id.gv_imageloader);
}

private void initData() {
    GridViewAdaper gridViewAdaper = new GridViewAdaper(this);
    gv_imageloader.setAdapter(gridViewAdaper);
}

7）初始化适配器

a）构造器

public GridViewAdaper(Context context) {
    // 获取上下文
    mContext = context;

    // 获取ImageLoader实例
    imageLoader = ImageLoader.getInstance();

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

b）四个核心方法

@Override
public int getCount() {
    return Constants.IMAGES.length;
}

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

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

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

    ImageView imageView;

    if (convertView == null) {
        imageView = (ImageView) View.inflate(mContext, R.layout.item_grid_image, null);
    } else {
        imageView = (ImageView) convertView;
    }

    // 将图片显示任务增加到执行池，图片将被显示到ImageView当轮到此ImageView
    imageLoader.displayImage(Constants.IMAGES[position], imageView, options);

    return imageView;
}

3.在ViewPager中加载图片。

前期准备同上listview的 1），2）， 3）， 4）步。

5）初始化布局

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

    <TextView
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="@android:color/holo_blue_light"
        android:gravity="center"
        android:text="ImagleLoager_ViewPager"
        android:textColor="@android:color/white"
        android:textSize="25sp" />

    <android.support.v4.view.ViewPager
        android:id="@+id/vp_imageloader"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    
</LinearLayout>

6）初始化view

private void initView() {
    vp_imageloader = (ViewPager)findViewById(R.id.vp_imageloader);
}

private void initData() {
    // 创建适配器
    ViewPagerAdapter viewPagerAdapter = new ViewPagerAdapter(this);
    // 将适配器添加到viewPager中
    vp_imageloader.setAdapter(viewPagerAdapter);

    // 默认显示第一个页面
    vp_imageloader.setCurrentItem(0);
}

7）初始化适配器

a）构造器

public ViewPagerAdapter(Context context) {
    // 获取上下文
    mContext = context;

    // 获取ImageLoader实例
    imageLoader = ImageLoader.getInstance();

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

b）四个核心方法

@Override	
    public void destroyItem(ViewGroup container, int position, Object object) {
//        super.destroyItem(container, position, object);
        ((ViewPager) container).removeView((View) object);
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        View imageLayout = View.inflate(mContext, R.layout.item_pager_image, null);

        ImageView imageView = (ImageView) imageLayout.findViewById(R.id.image);
        final ProgressBar spinner = (ProgressBar) imageLayout.findViewById(R.id.loading);

        // 加载图片
        imageLoader.displayImage(Constants.IMAGES[position], imageView, options, new SimpleImageLoadingListener() {
            @Override
            public void onLoadingStarted(String imageUri, View view) {
                // 显示加载进度条
                spinner.setVisibility(View.VISIBLE);
            }

            @Override
            public void onLoadingFailed(String imageUri, View view, FailReason failReason) {
                String message = null;

                // 获取图片失败类型
                switch (failReason.getType()) {
                    case IO_ERROR:          // 文件I/O错误
                        message = "Input/Output error";
                        break;

                    case DECODING_ERROR:      // 解码错误
                        message = "Image can't be decoded";
                        break;

                    case NETWORK_DENIED:      // 网络延迟
                        message = "Downloads are denied";
                        break;

                    case OUT_OF_MEMORY:           // 内存不足
                        message = "Out Of Memory error";
                        break;

                    case UNKNOWN:           // 原因不明
                        message = "Unknown error";
                        break;
                }

                Toast.makeText(mContext, message, Toast.LENGTH_SHORT).show();

                // 隐藏加载进度条
                spinner.setVisibility(View.GONE);
            }

            @Override
            public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {
                // 隐藏加载进度条
                spinner.setVisibility(View.GONE);             // 不显示圆形进度条
            }
        });

        ((ViewPager) container).addView(imageLayout, 0);      // 将图片增加到ViewPager

        return imageLayout;
    }

    @Override
    public int getCount() {
        return Constants.IMAGES.length;
    }

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

四、Lmageloader 内存溢出解决办法

1.减少线程池中线程的个数，在ImageLoaderConfiguration中的（.threadPoolSize）中配置，推荐配置1-5个线程。

2.在DisplayImageOptions选项中配置bitmapConfig为Bitmap.Config.RGB_565，因为默认是ARGB_8888，使用RGB_565会比使用ARGB_8888少消耗2倍的内存。

3.在ImageLoaderConfiguration中配置图片的内存缓存为memoryCache(new WeakMemoryCache()) 或者不使用内存缓存。

4.在DisplayImageOptions选项中设置

.imageScaleType(ImageScaleType.IN_SAMPLE_INT)或者imageScaleType(ImageScaleType.EXACTLY)。

看到此，是不是接的ImageLoader的简单使用是不是很简单，谢谢浏览！

符哥2008

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ImageLoader框架的简单使用

一、ImageLoader简介 1.ImageLoader是一个开源的UI组件程序，该项目的目的是提供一个可重复使用的仪器为异步图像加载，缓存和显示。 2.ImageLoader框架的优点主要有以下几个方面； 1）多线程下载图片，图片可以来源于网络，文件系统，项目文件夹assets中以及drawable等2）支持随意的配置I...
复制链接

扫一扫

专栏目录