美文网首页
四、ImageLoader的使用

四、ImageLoader的使用

作者: 贵翼 | 来源:发表于2019-02-03 10:24 被阅读0次

    一、ImageLoader的特点

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

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

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

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

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

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

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

    二、下载地址

    下载地址

    已下载好的jar包
    链接:https://pan.baidu.com/s/1IPMdu4uoJCx0z_u2q558DQ
    提取码:n7sc

    三、使用步骤

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

    3.2 创建MyApplication继承Application,在oncreate()中初始化ImageLoader

    public class Myapplication extends Application {
        @Override
        public void onCreate() {
            super.onCreate();
    
            //初始化ImageLoader
            initImageLoader(this);
        }
    
        /**
         * 初始化ImageLoader
         *
         * @param context
         */
        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.3 将创建的MyApplication在AndroidManifest.xml中注册


    1.png

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

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

    3.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对象
    

    3.6 获取ImageLoader实例

    ImageLoader imageLoader = ImageLoader.getInstance();
    

    3.7 显示加载图片
    第一个参数为图片url
    第二个参数为显示图片的控件
    第三个参数为显示图片的参数设置

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

    四、例子

    4.1 在ListVeiw中应用ImageLoader

    ImageLoaderListViewAdapter.java

    public class ImageLoaderListViewAdapter extends BaseAdapter {
        private Context mContext;
        private final ImageLoader imageLoader;
        private DisplayImageOptions options = new DisplayImageOptions.Builder()
                .showStubImage(R.drawable.atguigu_logo)          // 设置图片下载期间显示的图片
                .showImageForEmptyUri(R.drawable.atguigu_logo)  // 设置图片Uri为空或是错误的时候显示的图片
                .showImageOnFail(R.drawable.atguigu_logo)       // 设置图片加载或解码过程中发生错误显示的图片
                .cacheInMemory(true)                        // 设置下载的图片是否缓存在内存中
                .cacheOnDisk(true)                          // 设置下载的图片是否缓存在SD卡中
                .displayer(new RoundedBitmapDisplayer(20))  // 设置成圆角图片
                .build();                                   // 创建配置过得DisplayImageOption对象;
    
        public ImageLoaderListViewAdapter(Context context) {
            mContext = context;
    
            // 初始化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) {
            // 获取或创建viewhoder
            Viewholder holder;
    
            if(convertView == null) {
                convertView = View.inflate(mContext, R.layout.item_imageloader_listview, null);
    
                holder = new Viewholder(convertView);
    
                convertView.setTag(holder);
            }else {
                holder = (Viewholder) convertView.getTag();
            }
    
            // 获取当前item数据
    
            // 显示数据
            holder.name.setText("item"+(position + 1));
    
            imageLoader.displayImage(Contants.IMAGES[position],holder.iv,options);
    
            return convertView;
        }
    
        class Viewholder{
            @Bind(R.id.iv_imageloader)
            ImageView iv;
    
            @Bind(R.id.tv_imageloader)
            TextView name;
    
            public Viewholder(View view) {
                ButterKnife.bind(this,view);
            }
        }
    }
    

    4.2 在ViewPager中应用ImageLoader

    ImageLoaderViewpagerAdapter.java

    public class ImageLoaderViewpagerAdapter extends PagerAdapter {
        private Context mContext;
        private final ImageLoader imageLoader;
        private DisplayImageOptions options = new DisplayImageOptions.Builder()
                .showImageForEmptyUri(R.drawable.atguigu_logo)  // 设置图片Uri为空或是错误的时候显示的图片
                .showImageOnFail(R.drawable.atguigu_logo)       // 设置图片加载或解码过程中发生错误显示的图片
                .resetViewBeforeLoading(true)               // 设置图片在下载前是否重置,复位
                .cacheOnDisc(true)                          // 设置下载的图片是否缓存在SD卡中
                .imageScaleType(ImageScaleType.EXACTLY)     // 设置图片以如何的编码方式显示
                .bitmapConfig(Bitmap.Config.RGB_565)        // 设置图片的解码类型
                .displayer(new FadeInBitmapDisplayer(300))  // 设置图片渐变显示
                .build();
    
        public ImageLoaderViewpagerAdapter(Context mContext) {
            this.mContext = mContext;
    
            imageLoader = ImageLoader.getInstance();
        }
    
        @NonNull
        @Override
        public Object instantiateItem(@NonNull ViewGroup container, int position) {
            View view = View.inflate(mContext, R.layout.item_imageloader_viewpager, null);
            ImageView iv_iamgeloader_viewpager = view.findViewById(R.id.iv_iamgeloader_viewpager);
    
            imageLoader.displayImage(Contants.IMAGES[position],iv_iamgeloader_viewpager,options);
    
            ((ViewPager)container).addView(view,0);
            return view;
        }
    
        @Override
        public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
            ((ViewPager)container).removeView((View) object);
        }
    
        @Override
        public int getCount() {
            return Contants.IMAGES.length;
        }
    
        @Override
        public boolean isViewFromObject(@NonNull View view, @NonNull Object o) {
            return view.equals(o);
        }
    }
    

    五、imageloader 内存溢出解决办法

    5.1 减少线程池中线程的个数,在ImageLoaderConfiguration中的(.threadPoolSize)中配置,推荐配置1-5。

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

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

    5.4 在DisplayImageOptions选项中设置.imageScaleType(ImageScaleType.IN_SAMPLE_INT)或者imageScaleType(ImageScaleType.EXACTLY)。

    当页面销毁时,清除内存。

    @Override
        protected void onDestroy() {
            //回收该页面缓存过的内存图片
            imageloader.clearMemoryCache();
            super.onDestroy();
        }
    

    相关文章

      网友评论

          本文标题:四、ImageLoader的使用

          本文链接:https://www.haomeiwen.com/subject/uplysqtx.html