Android常见的三种图片加载库_技术笔记

首页课程实战体系课手记专栏慕课教程

fuzi_1119 2018-09-12

11111111111111111111111111111111111111111111111111111111111111111111111111111111111

0赞 · 0采集
想成为技术大牛的程序猿 2018-08-02

1.Android为每一个应用分配了8兆的应用空间

0赞 · 0采集
慕的地6994863 2017-11-22

Fresco方法加载图片到自定义VIEW

截图
0赞 · 0采集
慕斯2306396 2017-10-18

ok

0赞 · 0采集
浮生丶若梦 2017-10-11

好

截图
0赞 · 0采集
慕前端3037351 2017-08-28

图片加载难点：oom内存溢出，图片尺寸和缩略图处理图片加载与缓存机制

截图
0赞 · 0采集
慕先生0560154 2017-08-23

Fresco属性配置二

截图
0赞 · 0采集
慕先生0560154 2017-08-23

Fresco属性配置一

截图
0赞 · 0采集
慕先生0560154 2017-08-23

Fresco流程类似于前两种框架，具体参考截图

截图
0赞 · 0采集
慕先生0560154 2017-08-23

Fresco Facebook在2015年推出的一款开源框架，集成了以上两种框架的优点。其特点如下： 1）完善的内存缓存和释放机制释放机制：一旦超过一定的值，就会释放部分内存 2）渐进式图片加载 3）动图支持 4）可高度自定义的UI 圆角、倒角等 5）可高度自定义的图片加载过程

截图
0赞 · 0采集
慕先生0560154 2017-08-23

笔记分段二 Picasso.with(this).load("http://img1.gtimg.com/sports/pics/hv1/254/243/2090/135964469.jpg") .placeholder(R.drawable.girl) //正在加载的过程中显示的图片 .error(R.drawable.girl) //加载失败的话，显示的图片 .into(iv); } private int dp2px(Context context, float dp){ float scale = context.getResources().getDisplayMetrics().density(); return (int)(dp*scale+0.5f); } }

截图
0赞 · 0采集
慕先生0560154 2017-08-23

笔记分段一二、Picasso用法 1)添加权限 2）布局文件里需要加一个ImageView控件 3）Activity文件 public class Mainactivity exends Activity{ private ImageView iv; @Override protected void onCreate(Bundle savedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.main); iv= (ImageView)findviewById(R.id.imageView); Picasso.with(this).load(R.drawable.girl).into(iv); //加载本地文件 Picasso.with(this).load(new File("/storage/emulated/0/Pictures/Scrrenshots/dog.jpg")).into(iv); //加载本地sd卡文件 Picasso.with(this).load("file:///android_asset/funny.jpg").into(iv); //运行asserts中文件 Picasso.with(this).load("http://img1.gtimg.com/sports/pics/hv1/254/243/2090/135964469.jpg").into(iv); //加载网络图片 Picasso.with(this).load("http://img1.gtimg.com/sports/pics/hv1/254/243/2090/135964469.jpg") .resize(dp2px(this,200f),dp2px(this,200f)) .into(iv);

截图
0赞 · 0采集
慕先生0560154 2017-08-23

笔记分段三流程示意图

截图
0赞 · 0采集
慕先生0560154 2017-08-23

笔记分段二 3）在Adapter中回收和取消当前的下载功能区别与ImageLoader主要特点解决了listview和gridview的列表复用问题,能够使图片不错位 @Override public void getView(int postion, View convertView, ViewGroup parent){ ImageView view = (ImageView) convertView; if(view == null){ view = new ImageView(context); } String url = getItem(postion); Picasso.with(context).load(url).into(view); } 4）转换图片以适应布局大小并减少内存占用 Picasso.with(context).load(url) .resize(50,50) .centerCrop() .into(imageView);

截图
0赞 · 0采集
慕先生0560154 2017-08-23

Picasso Picasso是Square公司开源的一个Android图片缓存库。实现图片下载和缓存功能。特点 1）加载网络或者本地图片并自动缓存处理 Picasso.with(context).load(imageUri).into(imageView); //代码很清晰，简介 2）图形转换操作，如变化大小，旋转等，提供了接口来让用户可以自定义转换操作

截图
0赞 · 0采集
慕先生0560154 2017-08-23

注意,为避免OOM 1）设置线程池内加载的数量时，官方推荐最好设置1-5之间 threadPoolSize(3) 2) 配置解码格式时，设置成565方式，默认是888方式（比较消耗内存） bitmapConfig(Bitmap.Config.RGB_565); //设置图片解码类型 3）尽量使用displayImage方法因为loadImage方法需要再次手动调用setImageBitmap方法，又消耗了一次内存

截图
0赞 · 0采集
慕先生0560154 2017-08-23

//第二种加载图片方式，通过loadImage方法 //与displayImage方法不同之处，是必须要手动调用setImageBitmap方法将图片塞到imageView控件里 //还有一种不同是，displayImage方法对对象的引用是弱引用，推荐 ImageSize imageSize = new ImageSize(800,800); imageLoader.loadImage("http://img1.gtimg.com/sports/pics/hv1/254/243/2090/135964469.jpg",imageSize, new ImageLoadingListener(){ @Override public void onLoadingStarted(String arg0, View arg1){ pd.show(); //开始加载时，显示对话框 } @Override public void onLoadingFailed(String arg0, View arg1, FailReason arg2){ pd.dismiss();//加载失败时，关闭对话框 } @Override public void onLoadingComplete(String arg0, View arg1, Bitmap arg2){ pd.dismiss();//加载成功时，关闭对话框 iv.setImageBitmap(arg2); //加载结束时，必须手动调用setImageBitmap方法将图片塞到imageView控件里 } @Override public void onLoadingCancelled(String arg0, View arg1){ } });

截图
0赞 · 0采集
慕先生0560154 2017-08-23

笔记分段三 //方式二、不带自定义配置 imageLoader.displayImage("file:///storage/emulated/0/Pictures/Screenshots/dog.jpg",iv, new ImageLoadingListener(){ @Override public void onLoadingStarted(String arg0, View arg1){ pd.show(); //开始加载时，显示对话框 } @Override public void onLoadingFailed(String arg0, View arg1, FailReason arg2){ pd.dismiss();//加载失败时，关闭对话框 } @Override public void onLoadingComplete(String arg0, View arg1, Bitmap arg2){ pd.dismiss();//加载成功时，关闭对话框 } @Override public void onLoadingCancelled(String arg0, View arg1){ //TODO } }); } }

截图
0赞 · 0采集
慕先生0560154 2017-08-23

笔记分段二 /** 设置自定义配置表 */ DisplayImageOptions options = new DisplayImageOptions.Builder() .showImageOnLoading(R.drawable.girl) //设置图片在下载期间显示的图片 .showImageForEmptyUri(R.drawable.girl) //设置图片Uri为空或是错误的时候显示的图片 .showImageOnFail(R.drawable.girl) .cacheInMemory(true) .cacheOnDisc(true) .bitmapConfig(Bitmap.Config.RGB_565) //设置解码格式 .build(); //1）加载sd卡中的一个图片, url: file:///storage/emulated/0/Pictures/Screenshots/dog.jpg //2）加载resource中的一个图片，url：“drawable://”+R.drawable.girl //3）content://.../xx.jpg //4) assets：//funny.jpg //5) http://形式 //方式一、带自定义配置 imageLoader.displayImage("file:///storage/emulated/0/Pictures/Screenshots/dog.jpg",iv, options, null);

截图
0赞 · 0采集
慕先生0560154 2017-08-23

3、Universal-Image_Loader用法讲解笔记分段一 1）导入项目 2）添加权限 3）自定义MyApplication类自定义配置表 4）在新建的ACitivity中创建布局文件并演示 public class Mainactivity exends Activity{ private ImageView iv; private ImageLoader imageLoader; private ProgressDialog pd; @Override protected void onCreate(Bundle savedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.main); iv= (ImageView)findviewById(R.id.imageView); imageLoader = ImageLoader.getInstance(); //单例模式 pd = new ProgressDialog(this); pd.setTitle("提示"); pd.setMessage("图片加载中，请稍后...");

截图
0赞 · 0采集
慕先生0560154 2017-08-22

2、Universal-Image_Loader流程内存缓存-本地文件缓存-网络请求 1）内存缓存 key-value 2）本地文件缓存 sd卡目录 3）网络请求

截图
0赞 · 1采集
慕先生0560154 2017-08-22

一、Universal-Image-Loader图片加载框架特点 1）支持本地图片和网络图片的多线程异步加载和缓存处理本地比如：sd卡中、resource中网络比如：http 线程池请求三级缓存机制 2）个性化的配置自己项目ImageLoader 比如请求的线程池数量、文件最终裁剪的长宽、输出文件的sd卡路径等 3）支持图片下载过程的监听回调开始加载、加载比例等 4）根据控件的大小对Bitmap进行裁剪，减少占用过多的内存 5）较好的控制图片的加载过程，例如暂停图片加载，重新开始加载图片

截图
0赞 · 1采集
慕先生0560154 2017-08-22

网络图片加载难点如果自己写框架的话，非常麻烦，比如设计到多线程网络请求，内存溢出，图片裁剪缩放等等。一定要处理好以下几点 1）OOM内存溢出 android给每个应用分配8MB的内存空间 2）图片尺寸和缩略图处理自定义需求，且可以缩小图片大小 3）图片加载和缓存机制一般三级缓存机制本节课介绍三种图片加载库

截图
0赞 · 0采集
猫了个牛牛 2017-08-18

挺好的

截图
0赞 · 0采集
GT9456 2017-08-15

UIL特点

截图
0赞 · 0采集
GT9456 2017-08-15

网络图片加载难点

截图
0赞 · 1采集

数据加载中...