前幾天學(xué)習(xí)了Picasso圖片加載框架艾栋,遇到的問題及一些要點在這里就跟大家分享下:
以前網(wǎng)絡(luò)加載圖片用的是imageLoader癌椿,但代碼量不小窍霞,也挺復(fù)雜的犁嗅,最近就研究了下Picasso,就講下listview中使用Picasso加載網(wǎng)絡(luò)圖片缔赠。
學(xué)習(xí)Android的同學(xué)注意了Q苊!嗤堰!
學(xué)習(xí)過程中遇到什么問題或者想獲取學(xué)習(xí)資源的話戴质,歡迎加入Android學(xué)習(xí)交流群,群號碼:364595326? 我們一起學(xué)Android踢匣!
Picasso有如下特性:
處理Adapter中的 ImageView 回收和取消已經(jīng)回收ImageView的下載進程
使用最少的內(nèi)存完成復(fù)雜的圖片轉(zhuǎn)換告匠,比如把下載的圖片轉(zhuǎn)換為圓角等
自動添加磁盤和內(nèi)存緩存
首先就是要引入包了,在build.gradle中添加依賴(android studio )
compile'com.squareup.picasso:picasso:2.5.2'
compile'com.squareup.okhttp:okhttp:2.+' //這個一會再說离唬,暫標(biāo)注為①
listview加載網(wǎng)絡(luò)圖片后专,最主要的就是adpter中的getview()方法了,代碼和一些注釋如下:
publicViewgetView(intposition,View convertView,ViewGroup parent) {
ViewHolder viewHolder=null;
if(convertView ==null) {
convertView = getLayoutInflater().inflate(R.layout.list_item,parent, false);
viewHolder =newViewHolder(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網(wǎng)絡(luò)圖片的url地址
.load("http://litchiapi.jstv.com"+listItem.get(position).getCover())
//設(shè)置不使用內(nèi)存緩存中查找也不存儲內(nèi)存緩存
.memoryPolicy(MemoryPolicy.NO_CACHE,MemoryPolicy.NO_STORE)
//設(shè)置圖片的裁剪大小
.resize(DensityUtil.dip2px(Main2Activity.this,120),DensityUtil.dip2px(Main2Activity.this,120)).centerCrop()
//備用圖片输莺,未加載完網(wǎng)絡(luò)圖片時顯示的圖片
.placeholder(R.drawable.ic_launcher)
//如果加載發(fā)生錯誤戚哎,會重復(fù)三次請求,都失敗會顯示的error圖片
.error(R.drawable.error)
//添加到ImageView中了
.into(viewHolder.cover);
returnconvertView;
}
classViewHolder {//這里用到了ButterKnife框架嫂用,就是不用寫findViewById()了型凳,簡化了代碼
@InjectView(R.id.cover)
ImageViewcover;
@InjectView(R.id.subject)
TextViewsubject;
@InjectView(R.id.summary)
TextViewsummary;
ViewHolder(View view) {
ButterKnife.inject(this,view);
}
}
完成上面的代碼,你的listview就可以顯示圖片了嘱函,當(dāng)然有的時候需要對listview滑動時做一些優(yōu)化啰脚,給listview添加滑動監(jiān)聽
public classMyListScrollimplementsAbsListView.OnScrollListener{
Picassopicasso=Picasso.with(Main2Activity.this);
@Override
public voidonScrollStateChanged(AbsListView view, intscrollState) {
if(scrollState==SCROLL_STATE_IDLE||scrollState==SCROLL_STATE_TOUCH_SCROLL){
picasso.resumeTag(Main2Activity.this);
}else{
picasso.pauseTag(Main2Activity.this);
}
}
@Override
public voidonScroll(AbsListView view, intfirstVisibleItem, intvisibleItemCount, inttotalItemCount) {
}
}
最后說一下關(guān)于緩存的處理,默認情況下Picasso會把文件緩存到內(nèi)存中实夹,具體位置就是/data/data/your package/cache/picasso-cache/下面
也可以把文件存儲到磁盤下面橄浓,這就需要我們最上面引入的包了,也就是①了亮航。使用OKHttp下載網(wǎng)絡(luò)圖片
自定義個MyApplication荸实,別忘了在manifest里配置下
public classMyApplicationextendsApplication {
@Override
public voidonCreate() {
super.onCreate();
loadImageCache();
}
private voidloadImageCache() {
finalString imageCacheDir = getExternalCacheDir().getPath()+"/image/";
Picasso picasso =newPicasso.Builder(this).downloader(
newOkHttpDownloader(newFile(imageCacheDir))).build();
/**??setIndicatorsEnabled(true);
* 左上角會顯示個三角形,不同的顏色代表加載的來源
* 紅色:代表從網(wǎng)絡(luò)下載的圖片
* 黃色:代表從磁盤緩存加載的圖片
* 綠色:代表從內(nèi)存中加載的圖片
*/
picasso.setIndicatorsEnabled(true);
Picasso.setSingletonInstance(picasso);
}
}
如上就是Picasso使用詳解了缴淋,最后附上Picasso的API地址:http://square.github.io/picasso/2.x/picasso/