6. 图片加载框架之ImageLoader:

图片加载框架之ImageLoader:

特点
下载地址
使用步骤
例子
ImageLoader内存溢出解决办法

ImageLoader

1.特点

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

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

3)支持图片的内存缓存,文件系统缓存或者SD卡缓存

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

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

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

7)提供在较慢的网络下对图片进行加载

2.下载地址

下载地址:https://github.com/nostra13/Android-Universal-Image-Loader

3.使用步骤

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

2)创建MyApplication继承Application,在oncreate()中初始化ImageLoader
(1)初始化ImageLoaderConfiguration
//初始化参数 ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(this) .threadPriority(Thread.NORM_PRIORITY - 2) // 线程优先级 .denyCacheImageMultipleSizesInMemory() // 当同一个Uri获取不同大小的图片,缓存到内存时,只缓存一个。默认会缓存多个不同的大小的相同图片 .diskCacheFileNameGenerator(new Md5FileNameGenerator()) // 将保存的时候的URI名称用MD5 .tasksProcessingOrder(QueueProcessingType.LIFO) // 设置图片下载和显示的工作队列排序 .writeDebugLogs() // 打印debug log .build();

(2)ImageLoader全局配置
//全局初始化此配置 ImageLoader.getInstance().init(config);
3)将创建的MyApplication在AndroidManifest.xml中注册

android:name=".MyApplication"

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

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

5)初始化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对象

6)获取ImageLoader实例

ImageLoader imageLoader = ImageLoader.getInstance();

7)显示加载的图片

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

4.例子

1. ListView的适配器ImageloaderListviewAdapter

public class ImageloaderListviewAdapter extends BaseAdapter
{
    private Context mContext;
    private final ImageLoader imageLoader;
    private final DisplayImageOptions options = new DisplayImageOptions.Builder()
            .showStubImage(R.mipmap.ic_launcher_round)
            .showImageForEmptyUri(R.mipmap.ic_launcher_round)
            .showImageOnFail(R.mipmap.ic_launcher_round)
            .cacheInMemory(true)
            .cacheOnDisk(true)
            .displayer(new RoundedBitmapDisplayer(20))
            .build();

    public ImageloaderListviewAdapter(Context mContext)
    {
        this.mContext = mContext;
        //初始化ImageLoader
        imageLoader = ImageLoader.getInstance();

    }

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

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

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent)
    {
        //创建或获取ViewHolder
        Viewholder holder;

        if (convertView == null)
        {
            convertView = View.inflate(mContext,R.layout.title_imageloader_listview,null);
            holder = new Viewholder(convertView);
            convertView.setTag(holder);
        }
        else
        {
            holder = (Viewholder) convertView.getTag();
        }

        //初始化数据
        holder.tv.setText("item" + (position +1));

        imageLoader.displayImage(Contants.IMAGES[position],holder.iv,options);

        return convertView;
    }

    static class Viewholder
    {

        @BindView(R.id.iv_item_imageloader_listview)
        ImageView iv;
        @BindView(R.id.tv_item_imageloader_listview)
        TextView tv;

        public Viewholder(View view)
        {
            ButterKnife.bind(this,view);
        }
    }
}

listview

2. GridView的适配器ImageloaderListviewAdapter

public class ImageloaderGridviewAdapter extends BaseAdapter
{
    private Context mContext;
    private ImageLoader imageLoader;
    private DisplayImageOptions options = new DisplayImageOptions.Builder()
            .showStubImage(R.mipmap.ic_launcher_round)
            .showImageForEmptyUri(R.mipmap.ic_launcher_round)
            .showImageOnFail(R.mipmap.ic_launcher_round)
            .cacheInMemory(true)
            .cacheOnDisk(true)
            .displayer(new RoundedBitmapDisplayer(20))
            .build();

    public ImageloaderGridviewAdapter(Context mContext)
    {
        this.mContext = mContext;
        imageLoader = ImageLoader.getInstance();
    }

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

    @Override
    public Object getItem(int position)
    {
        return Contants.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)
        {
            convertView = View.inflate(mContext, R.layout.title_imageloader_gridview,null);
            viewholder = new Viewholder(convertView);
            convertView.setTag(viewholder);
        }
        else
        {
            viewholder = (Viewholder) convertView.getTag();
        }

        //显示数据
        imageLoader.displayImage(Contants.IMAGES[position],viewholder.iv,options);

        return convertView;
    }

    //创建ViewHolder
    static class Viewholder
    {
        @BindView(R.id.iv_item_imageloader_gridview)
        ImageView iv;

        public Viewholder(View view)
        {
            ButterKnife.bind(this,view);
        }
    }
}

GridView

3. ViewPager的适配器ImageloaderListviewAdapter

public class ImageloaderViewpagerAdapter extends PagerAdapter
{
    private Context mContext;
    private ImageLoader imageLoader;
    private DisplayImageOptions 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();

    public ImageloaderViewpagerAdapter(Context context)
    {
        mContext = context;

        //初始化ImageLoader
        imageLoader = ImageLoader.getInstance();
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position)
    {
        //添加布局文件
        View view = View.inflate(mContext, R.layout.item_imageloader_viewpager,null);

        //获取控件对象
        ImageView iv = (ImageView) view.findViewById(R.id.iv_item_imageloader_viewpager);

        //显示图片
        imageLoader.displayImage(Contants.IMAGES[position],iv,options);

        ((ViewPager) container).addView(view, 0);

        return view;
    }

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

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

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

ViewPager.png

5. imageloader 内存溢出解决办法

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)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,294评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,780评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,001评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,593评论 1 289
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,687评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,679评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,667评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,426评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,872评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,180评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,346评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,019评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,658评论 3 323
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,268评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,495评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,275评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,207评论 2 352

推荐阅读更多精彩内容