之前学习了Picasso图片加载框架,遇到的问题及一些要点在这里就跟大家分享下:
以前网络加载图片用的是imageLoader,但代码量不小,也挺复杂的,最近就研究了下Picasso,就讲下listview中使用Picasso加载网络图片。
首先就是要引入包了,在 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) ;
}
}
以前网络加载图片用的是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/