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 public voidgetView(intposition,View convertView,ViewGroup parent) { SquaredImageView view = (SquaredImageView) convertView; if(view ==null) { view =newSquaredImageView(context); } String url = getItem(position); Picasso.with(context).load(url).into(view); }
(2)图片变换
使用Picasso,我们可以很容易的对图片进行变换,以减少内存占用或是更适应于布局。只需要像下面一样的一个链式调用(很简单有木有):
Picasso.with(context) .load(url) .resize(50,50) .centerCrop() .into(imageView);
当然,我们也可以进行更加复杂的变换,通过实现Picasso中的Transformation
接口,我们可以自定义一个“图片变换器”。示例代码如下:
public class CropSquareTransformation implements Transformation { @Override public Bitmaptransform(Bitmap source) { int size = Math.min(source.getWidth(),source.getHeight()); int x = (source.getWidth() - size) /2; int y = (source.getHeight() - size) /2; Bitmap result = Bitmap.createBitmap(source,x,y,size,size); if(result != source) { source.recycle(); } return result; } @Override public String key() { return "square()"; } }
把以上类的实例传递给transform
方法即可完成对图片的自定义变换。
(3)占位符(place holders)
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
显示网络图片:
这里找了四张网络菜谱图片,在代码中新添加一个菜类:
//表示菜类(经过烹调的蔬菜、蛋品、肉类等) public class Dish { private String imgUrl; // 图片地址 private String name; // 菜名 private String price; // 菜价 public Dish(String imgUrl, String name, String price) { this.imgUrl = imgUrl; this.name = name; this.price = price; } public String getImgUrl() { return imgUrl; } public void setImgUrl(String imgUrl) { this.imgUrl = imgUrl; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getPrice() { return price; } public void setPrice(String price) { this.price = price; } }
主界面类中,调用load
方法加载网络图片,调用into
方法将图片设置给ImageView
之类的组件:
import java.util.ArrayList; import android.app.Activity; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.ListView; import android.widget.TextView; import com.squareup.picasso.Picasso; public class MainActivity extends Activity { private static final String BASE_URL = "http://img1.3lian.com/img2011/w1/106/85/"; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ArrayList<Dish> dishList = new ArrayList<Dish>(); dishList.add(new Dish(BASE_URL + "42.jpg", "水煮鱼片", "38.00")); dishList.add(new Dish(BASE_URL + "34.jpg", "小炒肉", "18.00")); dishList.add(new Dish(BASE_URL + "37.jpg", "清炒时蔬", "15.00")); dishList.add(new Dish(BASE_URL + "11.jpg", "金牌烤鸭", "36.00")); dishList.add(new Dish(BASE_URL + "12.jpg", "粉丝肉煲", "20.00")); ListView mListView = (ListView) this.findViewById(R.id.listview); MainListViewAdapter adapter = new MainListViewAdapter(dishList); mListView.setAdapter(adapter); } // ListView适配器 private class MainListViewAdapter extends BaseAdapter { private ArrayList<Dish> dishList; public MainListViewAdapter(ArrayList<Dish> list) { this.dishList = list; } @Override public int getCount() { return dishList.size(); } @Override public Object getItem(int position) { return dishList.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ListViewItemHolder item = null; if (convertView == null) { convertView = LayoutInflater.from(MainActivity.this).inflate( R.layout.main_listview_item, null); item = new ListViewItemHolder(); 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(); } Dish dish = 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() + "元"); return convertView; } } // ListView的Item组件类 private class ListViewItemHolder { ImageView img_iv; TextView name_textview; TextView price_textview; } }
五、总结
以上就是本文的全部内容了,看到这里,是不是已经爱上了Picasso,快去和它愉快的玩儿耍吧,希望本文对大家的学习和工作能有所帮助。