一，简介：
1简意：picasso是Square公司开源的一个Android图形缓存库，地址http://square.github.io.picasso/
2.突出优点：可以实现图片下载和缓存功能
在实际开发中异步图片加载时需考虑：
（1）在adapter中需要取消已经不在视野范围的ImageView图片资源的加载，否则会导致图片错位，Picasso已经解决了这个问题
（2）复杂的图片进行压缩，尽量减少内存的消耗
（3）实现内存缓存和二级硬盘缓存的效果
3.使用Picasso框架解决的图片下载中遇到的问题：
（1）在adapter中回收和取消当前下载
（2）使用最少的内存完成图片的转换
（3）自带内存和硬盘缓存
（4）图形转换，比如大小、旋转等
（5）加载网络资源和本地资源
（6）采用链式调用
4.与Universal-ImageLoader库对比：
1.都有高效的网络图片下载和缓存性能；
2.Universal-ImageLoader功能多，灵活使用配置；
3.Picasso使用复杂的图片压缩转换来尽可能的减少内存消耗；
4.在Adapter中需要取消已经不在视野范围的ImageView图片资源的加载，否则会导致图片错位，Picasso已经解决了这个
二，简单使用
1.加载一张图片：
（1）添加依赖：点击app右键---》open module settings -->Dependencies下---右上角+号-->dependecy,输入picasso,选择com.squareup.picasso.Picasso
（2）使用，如，为按钮设置监听，imageview显示图片
布局：定义一个button,一个ImageView
代码：
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Picasso.with(MainActivity.this).load(IMAGE_PATH).placeholder(R.mipmap.ic_launcher).fit().into(mImageView);
}
}); private final String IMAGE_PATH = "http://www.leawo.cn/attachment/201404/15/1077476_1397532112ke37.png";
效果：（添加网络权限）点击按钮后显示一张网络图片（但是在显示之前会有一个短暂的显示本地图片的过程）
2.用listView来显示url请求回来的数据：新闻图片+内容
（1）布局，定义ListView,在Activity中为该listView绑定控件id,
（2）自定义Picasso类：提供几个方法，如下：
public class PicassoUtils {
/**
* 指定图片宽高进行加载
* @param context
* @param path
* @param width
* @param height
* @param imageView
*/
public static void loadImageWithSize(Context context , String path , int width ,
int height , ImageView imageView){
Picasso.with(context).load(path).resize(width , height).centerCrop().into(imageView);
}
/**
* 根据resID来加载图片
* @param context
* @param path
* @param resID
* @param imageView
*/
public static void loadImageWithHolder(Context context , String path , int resID , ImageView imageView){
Picasso.with(context).load(path).placeholder(resID).into(imageView);
}
/**
* 自定义裁剪类来加载图片
* @param context
* @param path
* @param imageView
*/
public static void loadImageWithCrop(Context context , String path , ImageView imageView){
Picasso.with(context).load(path).transform(new CropSquareTransformation()).into(imageView);
}
/**
* 实现对图片的自定义裁剪
*/
public static class CropSquareTransformation implements Transformation{
@Override
public Bitmap transform(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 != null){
source.recycle();//进行回收
}
return result; //返回图片
}
@Override
public String key() {
return "square()"; //自己取一个名字
}
}
}（3）根据url,查看返回结果，创建实体类，这里取图片，summary,subject:
url:本来
http://litchiapi.jstv.com/api/GetFeeds?column=17&PageSize=20&pageIndex=1&val=AD908EDAB9C3ED111A58AF86542CCF50public class NewsItem {
private String subject ; //新闻主题
private String summary ; //新闻内容
private String cover ; //新闻图片
public String getSubject() {
return subject;
}
public void setSubject(String subject) {
this.subject = subject;
}
public String getSummary() {
return summary;
}
public void setSummary(String summary) {
this.summary = summary;
}
public String getCover() {
return cover;
}
public void setCover(String cover) {
this.cover = cover;
}
}（4）创建访问任务，这里先用AsyncTask：代码如下：
/**
* 异步任务实现：String,void,返回类型：一个list<NewsItem>集合
*/
class MyTask extends AsyncTask<String , Void , List<NewsItem>>{
/**
* 准备执行前：显示窗口进度条
*/
@Override
protected void onPreExecute() {
super.onPreExecute();
//进度条窗口显示
dialog.show();
}
@Override
protected List<NewsItem> doInBackground(String... params) {
//创建HttpClient对象
HttpClient httpClient = new DefaultHttpClient();
//创建HttpGet
HttpGet httpGet = new HttpGet(params[0]);
//创建返回对象
HttpResponse response = null;
//创建List<NewsItem>集合
List<NewsItem> list = new ArrayList<>();
try {
//获取返回结果对象Response
response = httpClient.execute(httpGet);
//判断是否请求成功
if(response.getStatusLine().getStatusCode() == 200){
//获取HttpEntity对象
HttpEntity entity = response.getEntity();
String json_value = EntityUtils.toString(entity , "utf-8");
//根据返回数据进行解析：
//http://litchiapi.jstv.com/api/GetFeeds?column=17&PageSize=20&pageIndex=1&val=AD908EDAB9C3ED111A58AF86542CCF50
JSONArray jsonArray = new JSONObject(json_value)
.getJSONObject("paramz").getJSONArray("feeds");
//获取每一条数据
for(int i = 0; i < jsonArray.length(); i++){
JSONObject element = jsonArray.getJSONObject(i).getJSONObject("data");
NewsItem item = new NewsItem();
item.setCover(element.getString("cover"));
item.setSubject(element.getString("subject"));
item.setSummary(element.getString("summary"));
list.add(item);
}
}
} catch (Exception e) {
e.printStackTrace();
}
return list;
}
@Override
protected void onPostExecute(List<NewsItem> newsItems) {
super.onPostExecute(newsItems);
//完成时初始化MyAdapter
adapter = new MyAdapter(newsItems);
//为listView设置MyAdapter
listView.setAdapter(adapter);
//进度条窗口取消
dialog.cancel();
}
} //定义进度条窗口
private ProgressDialog dialog ; //创建进度条窗口对象
dialog = new ProgressDialog(this);
//设置窗口标题
dialog.setTitle("loading......");（5）自定义MyAdapter继承BaseAdapter:
/**
* 自定义适配器
*/
class MyAdapter extends BaseAdapter{
//List<NewsItem>集合
private List<NewsItem> data;
/**
* 初始化适配器
* @param data
*/
public MyAdapter(List<NewsItem> data){
this.data = data;
}
@Override
public int getCount() {
return data.size();
}
@Override
public Object getItem(int position) {
return data.get(position);
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
//创建MyViewHolder
MyViewHolder holder = null;
//一次
if(convertView == null){
holder = new MyViewHolder();
convertView = getLayoutInflater().inflate(R.layout.my_adapter_layout , parent , false);
holder.cover = (ImageView)convertView.findViewById(R.id.cover_img);
holder.subject = (TextView)convertView.findViewById(R.id.subject);
holder.summary = (TextView)convertView.findViewById(R.id.summary);
convertView.setTag(holder);
Log.d(TAG , "convertView:" +position);
}else {
holder = (MyViewHolder)convertView.getTag();
}
//分别设置图片，主题，内容
holder.subject.setText(data.get(position).getSubject());
//Log.d(TAG , data.get(position).getSubject());
holder.summary.setText(data.get(position).getSummary());
//Log.d(TAG , data.get(position).getSummary());
PicassoUtils.loadImageWithSize(ListViewActivity.this , "http://litchiapi.jstv.com" + data.get(position).getCover(),
400,300,holder.cover);
return convertView;
}
}MyViewHolder:
private static class MyViewHolder{
ImageView cover;
TextView subject;
TextView summary;
}MyAdapter的布局：就是一个图片，两个textView（对应新闻图片，标题，内容）
记得添加网络权限：
<uses-permission android:name="android.permission.INTERNET"/>
(6)如果需要解决用户飞速下滑（即不想浏览中间某些新闻）时，picasso可以解决：
自定义onScrollListener类：
/**
* 自定义OnScrollListener类
*/
public class ListScroller implements AbsListView.OnScrollListener{
/**
* 下滑状态改变时调用
* @param view
* @param scrollState
*/
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
//创建Picasso
final Picasso picasso = Picasso.with(ListViewActivity.this);
//判断状态
if(scrollState == SCROLL_STATE_IDLE || scrollState == SCROLL_STATE_TOUCH_SCROLL){
//更新
picasso.resumeTag(ListViewActivity.this);
}else {
//暂停
picasso.pauseTag(ListViewActivity.this);
}
}
@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
}
}为listView设置滑动监听：
//listView.setOnScrollListener(new ListScroller());附注代码地址：
https://github.com/maiyu-green/PicassoDemo
三，picasso的特点与常用设置方法：
通过以上的简单介绍，我们大概知道：
1.Picasso的特点：
总结以上，picasso的特点：
（1）自带内存和硬盘二级缓存功能
（2）加载本地资源，资产，SD卡及ContentProvider中的图片
（3）在Adapter中取消已经不在视野范围的ImageView图片资源的加载，否则会导致图片错位，Picasso解决了图片错位问题
（4）使用图片压缩尽可能的减少内存消耗
（5）图形转换操作，如变换大小，旋转等，提供了接口来让用户自定义转换操作
2.Picasso的常用设置方法
（1）加载本地资源、资产目录、SD卡已经ContentProvider的图像
基本语法：
Picasso.with(上下文).load(图片).into(ImageView)
加载图片资源：
//加载资源图片
Picasso.with(this).load(R.mipmap.ic_launcher).into(mImageView);
//加载资产目录图片
Picasso.with(this).load("file://android_asset/logo.png").into(mImageView);
//加载SD Card图片文件
Picasso.with(this).load(new File("路径")).into(mImageView);
//加载网络图片
Picasso.with(this).load("url地址").into(mImageView);
(2)设置占位图片：下载前，下载出错时的图像，picasso会尝试3次请求，三次都失败会显示error方法：
Picasso.with(context)
.load(url)
//下载前显示图片
.placeholder(R.mipmap.ic_launcher)
//下载出错显示图片
.error(R.mipmap.ic_launcher)
.into(mImageView); .noFade().resize(width,height)
.resizeDimen(targetWidthResId , targetHieghtResId)
(5)图片剪切类型：centerCrop,fit,centerInside
放在load之后：centerCrop与centerInside需要配合resize()，放在它之后，而fit不能再resize(),
centerCrop----会根据resize()方法的宽高进行裁剪
centerInside---会根据resize()方法的宽高进行比例缩放
如一张长方形图片，resize(100,100)后，centerCrop---结果正方形，centerInside结果--长方形缩小图
(6)自定义图形转换：为了更好的适配布局和减少存储空间，
利用transform方法：
/**
* 实现对图片的自定义裁剪
*/
public static class CropSquareTransformation implements Transformation{
@Override
public Bitmap transform(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 != null){
source.recycle();//进行回收
}
return result; //返回图片
}
@Override
public String key() {
return "square()"; //自己取一个名字
}
}.rotate()方法
(8)设置图片质量对于不透明的图片可以使用RGB_565（一个像素点占用2个字节）来优化内存。
默认情况下Android使用ARGB_8888---一个像素点占用4个字节
用肉眼看，效果差不多
.config(Bitmap.Config.GRB_566)
(9)查看大图时放弃内存缓存memory cache：
Picasso默认会使用设备的15%的内存作为内存图片缓存，且现有的API无法清空内存缓存
在查看大图时放弃使用内存缓存，图片从网络下载完成后会自动缓存到磁盘中，加载会从磁盘中加载，这样可以加速内存回收
Picasso.with(getApplicationContext())
.load(url)
//NO_CACHE指图片加载跳过从内存缓存查找，NO_STORE指图片存储时不往内存缓存中存储
.memoryPolicy(MemoryPolicy.NO_CACHE , MemoryPolicy.NO_STORE)
.into(mImageView);(10)设置tag标签：可以用来pause,resume和cancel访问
Picasso.with(this).pauseTag("pause标签");
Picasso.with(this).resumeTag("resume标签");
Picasso.with(this).cancelTag("标签");(11)新进程中查看大图：
列表页的内存已经非常稳定，但查看大图时，常占用20多兆内存，加上现有进程内存，容易OOM
所以，在新进程中打开Activity成为比较巧取的避免oom的方式
<activity android:name=".MainActivity"
android:process=":picture"/>3.Picasso在Application的常见设置
private void intoPicasso(){
Picasso picasso = new Picasso.Builder(this)
//设置内存缓存大小 10m
.memoryCache(new LruCache(10 << 20))
//下载图片的格式，采用rgb_565节省一半内存
.defaultBitmapConfig(Bitmap.Config.RGB_565)
//配置下载器
//.downloader(new UrlConnectionDownloader())
//.downloader(new OkHttpDownloader())
.downloader(new MyDownLoader(getCacheDir() , 20 << 20))
//设置调试标志，位于左上角
//红色---代表从网络下载的图片
//蓝色--代表从磁盘缓存加载的图片
//绿色--代表从内存中加载的图片
.indicatorsEnabled(true)
.build();
Picasso.setSingletonInstance(picasso);
}
953
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
