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,快去和它愉快的玩儿耍吧,希望本文对大家的学习和工作能有所帮助。