一,简介:
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";Picasso.with(Context).load(图片路径).placeholder(显示前的图片).fit().into(显示到哪里)
效果:(添加网络权限)点击按钮后显示一张网络图片(但是在显示之前会有一个短暂的显示本地图片的过程)
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=AD908EDAB9C3ED111A58AF86542CCF50bean类: public 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);下面是RequestCreator常用设置方法
(2)设置占位图片:下载前,下载出错时的图像,picasso会尝试3次请求,三次都失败会显示error方法:
Picasso.with(context) .load(url) //下载前显示图片 .placeholder(R.mipmap.ic_launcher) //下载出错显示图片 .error(R.mipmap.ic_launcher) .into(mImageView); (3)无淡入淡出: .noFade() (4)图片重新调整大小:有两个方法.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()"; //自己取一个名字 } } (7)图片旋转:.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("标签"); 以下是在manifest中的设置:(11)新进程中查看大图:
列表页的内存已经非常稳定,但查看大图时,常占用20多兆内存,加上现有进程内存,容易OOM
所以,在新进程中打开Activity成为比较巧取的避免oom的方式
<activity android:name=".MainActivity" android:process=":picture"/>只要在定义activity是添加process属性,即可在新进程中打开此activity,因为Picasso也将在新进程中创建基于新ApplicationContext的单例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); }