Android入门教程之Picasso框架
一、简介:
Picasso是Square公司开源的一个Android图形缓存库。可以实现图片下载和缓存功能。
二、Picasso的特性
Picasso是一个Android图片加载缓存框架,它具有如下特性:
1.支持任务优先级,会优先加载“优先级”较高的图片。
2.带有统计监控功能,可以统计缓存命中率,实时监控已使用的内存等等。
3.能够根据当前网络状态自动调整并发线程数。
4.支持图片的延迟加载。
5.本身不具有本地缓存,而是使用的OkHttp实现。
Picasso除了使用上比较简单、功能特性丰富以外,还具备的一大优点便是源码清晰易读,适合于阅读学习。
三、Picasso的基本使用
1.添加依赖
在使用Picasso前,首先我们要添加依赖,如果使用的是Gradle,那只需要在模块的build.gradle中添加如下语句:
compile'com.squareup.picasso:picasso:2.5.2'
当然也可以下载jar包,然后添加到项目中,这里就不再赘述了。
2.显示图片
使用Picasso做到这点真的是简单到不要不要的了,只需要下面一句即可:
Picasso.with(context).load("http://i.imgur.com/DvpvklR.png").into(imageView);
其中,context为当前应用上下文,imageView为我们想要在其中显示图片的ImageView对象。Picasso不仅会在我们指定的ImageView中显示指定图片,而且还会帮助我们做好以下几件事(很贴心有木有):
1.在Adapter中检测View的重用并自动取消之前的下载。
2.对于一些复杂图片变换,也只需要比较小的内存。
3.自动进行内存缓存及磁盘缓存。
(1)自动取消图片下载
当Picasso检测到convertView不为空(View的重用)时,它会自动取消之前对于convertView的下载任务。
@Override publicvoidgetView(intposition,ViewconvertView,ViewGroupparent){ SquaredImageViewview=(SquaredImageView)convertView; if(view==null){ view=newSquaredImageView(context); } Stringurl=getItem(position); Picasso.with(context).load(url).into(view); }
(2)图片变换
使用Picasso,我们可以很容易的对图片进行变换,以减少内存占用或是更适应于布局。只需要像下面一样的一个链式调用(很简单有木有):
Picasso.with(context) .load(url) .resize(50,50) .centerCrop() .into(imageView);
当然,我们也可以进行更加复杂的变换,通过实现Picasso中的Transformation接口,我们可以自定义一个“图片变换器”。示例代码如下:
publicclassCropSquareTransformationimplementsTransformation{ @Override publicBitmaptransform(Bitmapsource){ intsize=Math.min(source.getWidth(),source.getHeight()); intx=(source.getWidth()-size)/2; inty=(source.getHeight()-size)/2; Bitmapresult=Bitmap.createBitmap(source,x,y,size,size); if(result!=source){ source.recycle(); } returnresult; } @Override publicStringkey(){ return"square()"; } }
把以上类的实例传递给transform方法即可完成对图片的自定义变换。
(3)占位符(placeholders)
Picasso支持在图片下载过程中以及图片加载失败时显示一个“占位符图片”,这个特性使用起来也很简单,请看以下示例代码:
Picasso.with(context) .load(url) .placeholder(R.drawable.user_placeholder) .error(R.drawable.user_placeholder_error) .into(imageView);
当重试三次仍然无法成功加载图片就会显示error方法参数中指定的图片。
(4)资源加载
在使用Picasso时,Resources、assets、文件系统、ContentProvider都可以作为图片的来源(很方便有木有):
Picasso.with(context).load(R.drawable.landing_screen).into(imageView1); Picasso.with(context).load("file:///android_asset/DvpvklR.png").into(imageView2); Picasso.with(context).load(newFile(...)).into(imageView3);
四、实例演示
下面实现一个ListView显示网络图片:
这里找了四张网络菜谱图片,在代码中新添加一个菜类:
//表示菜类(经过烹调的蔬菜、蛋品、肉类等) publicclassDish{ privateStringimgUrl;//图片地址 privateStringname;//菜名 privateStringprice;//菜价 publicDish(StringimgUrl,Stringname,Stringprice){ this.imgUrl=imgUrl; this.name=name; this.price=price; } publicStringgetImgUrl(){ returnimgUrl; } publicvoidsetImgUrl(StringimgUrl){ this.imgUrl=imgUrl; } publicStringgetName(){ returnname; } publicvoidsetName(Stringname){ this.name=name; } publicStringgetPrice(){ returnprice; } publicvoidsetPrice(Stringprice){ this.price=price; } }
主界面类中,调用load方法加载网络图片,调用into方法将图片设置给ImageView之类的组件:
importjava.util.ArrayList; importandroid.app.Activity; importandroid.os.Bundle; importandroid.view.LayoutInflater; importandroid.view.View; importandroid.view.ViewGroup; importandroid.widget.BaseAdapter; importandroid.widget.ImageView; importandroid.widget.ListView; importandroid.widget.TextView; importcom.squareup.picasso.Picasso; publicclassMainActivityextendsActivity{ privatestaticfinalStringBASE_URL="http://img1.3lian.com/img2011/w1/106/85/"; @Override protectedvoidonCreate(BundlesavedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ArrayList<Dish>dishList=newArrayList<Dish>(); dishList.add(newDish(BASE_URL+"42.jpg","水煮鱼片","38.00")); dishList.add(newDish(BASE_URL+"34.jpg","小炒肉","18.00")); dishList.add(newDish(BASE_URL+"37.jpg","清炒时蔬","15.00")); dishList.add(newDish(BASE_URL+"11.jpg","金牌烤鸭","36.00")); dishList.add(newDish(BASE_URL+"12.jpg","粉丝肉煲","20.00")); ListViewmListView=(ListView)this.findViewById(R.id.listview); MainListViewAdapteradapter=newMainListViewAdapter(dishList); mListView.setAdapter(adapter); } //ListView适配器 privateclassMainListViewAdapterextendsBaseAdapter{ privateArrayList<Dish>dishList; publicMainListViewAdapter(ArrayList<Dish>list){ this.dishList=list; } @Override publicintgetCount(){ returndishList.size(); } @Override publicObjectgetItem(intposition){ returndishList.get(position); } @Override publiclonggetItemId(intposition){ returnposition; } @Override publicViewgetView(intposition,ViewconvertView,ViewGroupparent){ ListViewItemHolderitem=null; if(convertView==null){ convertView=LayoutInflater.from(MainActivity.this).inflate( R.layout.main_listview_item,null); item=newListViewItemHolder(); item.img_iv=(ImageView)convertView .findViewById(R.id.imageView1); item.name_textview=(TextView)convertView .findViewById(R.id.textView1); item.price_textview=(TextView)convertView .findViewById(R.id.textView2); convertView.setTag(item); }else{ item=(ListViewItemHolder)convertView.getTag(); } Dishdish=dishList.get(position); //这里就是异步加载网络图片的地方 Picasso.with(MainActivity.this).load(dish.getImgUrl()) .into(item.img_iv); item.name_textview.setText(dish.getName()); item.price_textview.setText(dish.getPrice()+"元"); returnconvertView; } } //ListView的Item组件类 privateclassListViewItemHolder{ ImageViewimg_iv; TextViewname_textview; TextViewprice_textview; } }
五、总结
以上就是本文的全部内容了,看到这里,是不是已经爱上了Picasso,快去和它愉快的玩儿耍吧,希望本文对大家的学习和工作能有所帮助。