Picasso 圖片加載及緩存的使用心得

前幾天學習了Picasso圖片加載框架,遇到的問題及一些要點在這裏就跟大家分享下:
以前網絡加載圖片用的是p_w_picpathLoader,但代碼量不小,也挺複雜的,最近就研究了下Picasso,就講下listview中使用Picasso加載網絡圖片。

學習Android的同學注意了!!!

學習過程中遇到什麼問題或者想獲取學習資源的話,歡迎加入Android學習交流羣,羣號碼:364595326  我們一起學Android!

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 positionView convertViewViewGroup parent) {
    ViewHolder viewHolder=null;
    if (convertView == null) {
        convertView = getLayoutInflater().inflate(R.layout.list_itemparent, 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 p_w_picpathCacheDir = getExternalCacheDir().getPath()+ "/p_w_picpath/";
        Picasso picasso = new Picasso.Builder(this).downloader(
                new OkHttpDownloader(new File(p_w_picpathCacheDir))).build();
        /**  setIndicatorsEnabled(true);
         * 左上角會顯示個三角形,不同的顏色代表加載的來源
         * 紅色:代表從網絡下載的圖片
         * ×××:代表從磁盤緩存加載的圖片
         * 綠色:代表從內存中加載的圖片
         */
picasso.setIndicatorsEnabled(true);
        Picasso.setSingletonInstance(picasso);
    }
}

如上就是Picasso使用詳解了,最後附上Picasso的API地址:http://square.github.io/picasso/2.x/picasso/
效果圖


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章