Picasso 图片加载及缓存的使用心得
2016-12-14 11:53
344 查看
之前学习了Picasso图片加载框架,遇到的问题及一些要点在这里就跟大家分享下:
以前网络加载图片用的是imageLoader,但代码量不小,也挺复杂的,最近就研究了下Picasso,就讲下listview中使用Picasso加载网络图片。
Picasso有如下特性:
处理Adapter中的 ImageView 回收和取消已经回收ImageView的下载进程
使用最少的内存完成复杂的图片转换,比如把下载的图片转换为圆角等
自动添加磁盘和内存缓存
首先就是要引入包了,在build.gradle 中添加依赖(android
studio )
compile 'com.squareup.picasso:picasso:2.5.2'
compile 'com.squareup.okhttp:okhttp:2.+'
//这个一会再说,暂标注为①
listview加载网络图片,最主要的就是adpter中的getview()方法了,代码和一些注释如下:
public View getView(int position, View
convertView, ViewGroup
parent) {
ViewHolder viewHolder=null;
if (convertView
== null)
{
convertView = getLayoutInflater().inflate(R.layout.list_item, parent,
false);
viewHolder
= new ViewHolder(convertView);
convertView.setTag(viewHolder);
}else {
viewHolder=(ViewHolder) convertView.getTag();
}
viewHolder.subject.setText(listItem.get(position).getSubject());
viewHolder.summary.setText(listItem.get(position).getSummary());
Picasso.with(Main2Activity.this)
//这里就是load网络图片的url地址
.load("http://litchiapi.jstv.com"+listItem.get(position).getCover())
//设置不使用内存缓存中查找也不存储内存缓存
.memoryPolicy(MemoryPolicy.NO_CACHE,MemoryPolicy.NO_STORE)
//设置图片的裁剪大小
.resize(DensityUtil.dip2px(Main2Activity.this,120),DensityUtil.dip2px(Main2Activity.this,120)).centerCrop()
//备用图片,未加载完网络图片时显示的图片
.placeholder(R.drawable.ic_launcher)
//如果加载发生错误,会重复三次请求,都失败会显示的error图片
.error(R.drawable.error)
//添加到ImageView中了
.into(viewHolder.cover);
return convertView;
}
class ViewHolder
{ //这里用到了ButterKnife框架,就是不用写findViewById()了,简化了代码
@InjectView(R.id.cover)
ImageView cover;
@InjectView(R.id.subject)
TextView subject;
@InjectView(R.id.summary)
TextView summary;
ViewHolder(View
view) {
ButterKnife.inject(this, view);
}
}
完成上面的代码,你的listview就可以显示图片了,当然有的时候需要对listview滑动时做一些优化,给listview添加滑动监听
public class MyListScroll implements AbsListView.OnScrollListener{
Picasso picasso=Picasso.with(Main2Activity.this);
@Override
public
void onScrollStateChanged(AbsListView
view, int scrollState)
{
if(scrollState==SCROLL_STATE_IDLE||scrollState==SCROLL_STATE_TOUCH_SCROLL){
picasso.resumeTag(Main2Activity.this);
}else {
picasso.pauseTag(Main2Activity.this);
}
}
@Override
public
void onScroll(AbsListView
view, int firstVisibleItem,
int visibleItemCount,
int totalItemCount) {
}
}
最后说一下关于缓存的处理,默认情况下Picasso会把文件缓存到内存中,具体位置就是/data/data/your package/cache/picasso-cache/下面
也可以把文件存储到磁盘下面,这就需要我们最上面引入的包了,也就是①了。使用OKHttp下载网络图片
自定义个MyApplication,别忘了在manifest里配置下
public class MyApplication extends Application
{
@Override
public
void onCreate()
{
super.onCreate();
loadImageCache();
}
private
void loadImageCache()
{
final String
imageCacheDir = getExternalCacheDir().getPath()+ "/image/";
Picasso
picasso = new Picasso.Builder(this).downloader(
new OkHttpDownloader(new File(imageCacheDir))).build();
/** setIndicatorsEnabled(true);
* 左上角会显示个三角形,不同的颜色代表加载的来源
* 红色:代表从网络下载的图片
* 黄色:代表从磁盘缓存加载的图片
* 绿色:代表从内存中加载的图片
*/
picasso.setIndicatorsEnabled(true);
Picasso.setSingletonInstance(picasso);
}
}
如上就是Picasso使用详解了,最后附上Picasso的API地址:http://square.github.io/picasso/2.x/picasso/
以前网络加载图片用的是imageLoader,但代码量不小,也挺复杂的,最近就研究了下Picasso,就讲下listview中使用Picasso加载网络图片。
Picasso有如下特性:
处理Adapter中的 ImageView 回收和取消已经回收ImageView的下载进程
使用最少的内存完成复杂的图片转换,比如把下载的图片转换为圆角等
自动添加磁盘和内存缓存
首先就是要引入包了,在build.gradle 中添加依赖(android
studio )
compile 'com.squareup.picasso:picasso:2.5.2'
compile 'com.squareup.okhttp:okhttp:2.+'
//这个一会再说,暂标注为①
listview加载网络图片,最主要的就是adpter中的getview()方法了,代码和一些注释如下:
public View getView(int position, View
convertView, ViewGroup
parent) {
ViewHolder viewHolder=null;
if (convertView
== null)
{
convertView = getLayoutInflater().inflate(R.layout.list_item, parent,
false);
viewHolder
= new ViewHolder(convertView);
convertView.setTag(viewHolder);
}else {
viewHolder=(ViewHolder) convertView.getTag();
}
viewHolder.subject.setText(listItem.get(position).getSubject());
viewHolder.summary.setText(listItem.get(position).getSummary());
Picasso.with(Main2Activity.this)
//这里就是load网络图片的url地址
.load("http://litchiapi.jstv.com"+listItem.get(position).getCover())
//设置不使用内存缓存中查找也不存储内存缓存
.memoryPolicy(MemoryPolicy.NO_CACHE,MemoryPolicy.NO_STORE)
//设置图片的裁剪大小
.resize(DensityUtil.dip2px(Main2Activity.this,120),DensityUtil.dip2px(Main2Activity.this,120)).centerCrop()
//备用图片,未加载完网络图片时显示的图片
.placeholder(R.drawable.ic_launcher)
//如果加载发生错误,会重复三次请求,都失败会显示的error图片
.error(R.drawable.error)
//添加到ImageView中了
.into(viewHolder.cover);
return convertView;
}
class ViewHolder
{ //这里用到了ButterKnife框架,就是不用写findViewById()了,简化了代码
@InjectView(R.id.cover)
ImageView cover;
@InjectView(R.id.subject)
TextView subject;
@InjectView(R.id.summary)
TextView summary;
ViewHolder(View
view) {
ButterKnife.inject(this, view);
}
}
完成上面的代码,你的listview就可以显示图片了,当然有的时候需要对listview滑动时做一些优化,给listview添加滑动监听
public class MyListScroll implements AbsListView.OnScrollListener{
Picasso picasso=Picasso.with(Main2Activity.this);
@Override
public
void onScrollStateChanged(AbsListView
view, int scrollState)
{
if(scrollState==SCROLL_STATE_IDLE||scrollState==SCROLL_STATE_TOUCH_SCROLL){
picasso.resumeTag(Main2Activity.this);
}else {
picasso.pauseTag(Main2Activity.this);
}
}
@Override
public
void onScroll(AbsListView
view, int firstVisibleItem,
int visibleItemCount,
int totalItemCount) {
}
}
最后说一下关于缓存的处理,默认情况下Picasso会把文件缓存到内存中,具体位置就是/data/data/your package/cache/picasso-cache/下面
也可以把文件存储到磁盘下面,这就需要我们最上面引入的包了,也就是①了。使用OKHttp下载网络图片
自定义个MyApplication,别忘了在manifest里配置下
public class MyApplication extends Application
{
@Override
public
void onCreate()
{
super.onCreate();
loadImageCache();
}
private
void loadImageCache()
{
final String
imageCacheDir = getExternalCacheDir().getPath()+ "/image/";
Picasso
picasso = new Picasso.Builder(this).downloader(
new OkHttpDownloader(new File(imageCacheDir))).build();
/** setIndicatorsEnabled(true);
* 左上角会显示个三角形,不同的颜色代表加载的来源
* 红色:代表从网络下载的图片
* 黄色:代表从磁盘缓存加载的图片
* 绿色:代表从内存中加载的图片
*/
picasso.setIndicatorsEnabled(true);
Picasso.setSingletonInstance(picasso);
}
}
如上就是Picasso使用详解了,最后附上Picasso的API地址:http://square.github.io/picasso/2.x/picasso/
相关文章推荐
- Picasso 图片加载及缓存的使用心得
- Picasso图片框架加载图片 使用及缓存问题
- Picasso 框架的简单使用 图片缓存 重用 和加载 裁剪
- 关于图片加载缓存框架Picasso的学习与使用
- SDWebImage使用——远程图片加载的类库 缓存图片
- Android 异步加载图片,使用LruCache和SD卡或手机缓存,效果非常的流畅
- Android 异步加载图片,使用LruCache和SD卡或手机缓存,效果非常的流畅
- 【转】异步加载图片,使用LruCache和SD卡或手机缓存,效果非常的流畅
- Android 异步加载图片,使用LruCache和SD卡或手机缓存,效果非常的流畅
- Android 异步加载图片,使用LruCache和SD卡或手机缓存,效果非常的流畅
- Android 异步加载图片,使用LruCache和SD卡或手机缓存,效果非常的流畅
- Android 异步加载图片,使用LruCache和SD卡或手机缓存,效果非常的流畅
- [置顶] 异步加载图片,使用LruCache和SD卡或手机缓存,效果非常的流畅
- Android 异步加载图片,使用LruCache和SD卡或手机缓存
- Android 异步加载图片,使用LruCache和SD卡或手机缓存,效果非常的流畅
- Android 异步加载图片,使用LruCache和SD卡或手机缓存,效果非常的流畅
- 异步加载图片,使用LruCache和SD卡或手机缓存,效果非常的流畅
- SDWebImage使用,图片加载和缓存
- 异步加载图片,使用LruCache和SD卡或手机缓存,效果非常的流畅
- 使用缓存技术,大量加载网络图片