通過案例快速學會Android Picasso圖片緩存庫

imud86 8年前發布 | 27K 次閱讀 Android Picasso Android開發移動開發

picasso是Square公司開源的一個Android圖形緩存庫，官網地址http://square.github.io/picasso/，可以實現圖片下載和緩存功能。
下載地址：https://github.com/square/picasso

這里寫圖片描述

配置方法

MAVEN
<dependency>
  <groupId>com.squareup.picasso</groupId>
  <artifactId>picasso</artifactId>
  <version>(insert latest version)</version>
</dependency>

GRADLE

compile 'com.squareup.picasso:picasso:(insert latest version)'

基本使用

picasso僅需一行代碼就能實現圖片的異步加載

Picasso.with(context).load("http://i.imgur.com/DvpvklR.png").into(imageView);

Picasso不僅實現了圖片異步加載的功能，還解決了android中加載圖片時需要解決的一些常見問題：

在adapter中需要取消已經不在視野范圍的ImageView圖片資源的加載，否則會導致圖片錯位，Picasso已經解決了這個問題。
使用復雜的圖片壓縮轉換來盡可能的減少內存消耗
自帶內存和硬盤二級緩存功能

Picasso特性

ADAPTER 中的下載：Adapter的重用會被自動檢測到，Picasso會取消上次的加載

@Override public void getView(int position, View convertView, ViewGroup parent) {
  SquaredImageView view = (SquaredImageView) convertView;
  if (view == null) {
    view = new SquaredImageView(context);
  }
  String url = getItem(position);

  Picasso.with(context).load(url).into(view);
}

圖片轉換：轉換圖片以適應布局大小并減少內存占用

Picasso.with(context)
  .load(url)
  .resize(50, 50)
  .centerCrop()
  .into(imageView)

你還可以自定義轉換：

public 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 != source) {
      source.recycle();
    }
    return result;
  }

  @Override public String key() { return "square()"; }
}

將CropSquareTransformation 的對象傳遞給transform 方法即可。

Place holders-空白或者錯誤占位圖片
picasso提供了兩種占位圖片，未加載完成或者加載發生錯誤的時需要一張圖片作為提示。

Picasso.with(context)
    .load(url)
    .placeholder(R.drawable.user_placeholder)//沒有加載圖片時顯示的默認圖像
    .error(R.drawable.user_placeholder_error)// 圖像加載錯誤時顯示的圖像
    .into(imageView);// 被加載的控件

如果加載發生錯誤會重復三次請求，三次都失敗才會顯示erro Place holder。
資源文件的加載
除了加載網絡圖片以外，picasso還支持加載Resources, assets, files, content providers中的資源文件。

Picasso.with(context).load(R.drawable.landing_screen).into(imageView1);
Picasso.with(context).load("file:///android_asset/DvpvklR.png").into(imageView2);
Picasso.with(context).load(new File(...)).into(imageView3);

列表使用Picasso加載圖片案例

這里寫圖片描述

首先在dependencies 中添加Picasso相關配置

compile ‘com.squareup.picasso:picasso:2.5.2’

然后上源碼：

ListViewActivity.java

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.List;

/** * Created by huangshuai on 2016/5/20. * Email：huangshuai@wooyun.org * 列表Activity */
public class ListViewActivity extends AppCompatActivity {

    private ListView lv_main;
    private List<SunBean> listDatas;
    private SunAdapter lAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.list_view);
        lv_main = (ListView) findViewById(R.id.list_sun);
        listDatas = new ArrayList<>();
        initData();
        lAdapter = new SunAdapter(listDatas, this);
        lv_main.setAdapter(lAdapter);
    }

    /** * 初始化數據 */
    private void initData() {
        SunBean sun1 = new SunBean();
        sun1.setTitle("太陽的后裔一");
        sun1.setPicUrl("http://img3.imgtn.bdimg.com/it/u=3746050745,4184822198&fm=11&gp=0.jpg");
        listDatas.add(sun1);

        SunBean sun2 = new SunBean();
        sun2.setTitle("太陽的后裔二");
        sun2.setPicUrl("http://cdn.duitang.com/uploads/item/201603/02/20160302223503_jmdXT.thumb.224_0.jpeg");
        listDatas.add(sun2);

        SunBean news3 = new SunBean();
        news3.setTitle("太陽的后裔三");
        news3.setPicUrl("http://img5.duitang.com/uploads/item/201602/23/20160223132131_RNSQ3.thumb.224_0.jpeg");
        listDatas.add(news3);

        SunBean sun4 = new SunBean();
        sun4.setTitle("太陽的后裔四");
        sun4.setPicUrl("http://img5.duitang.com/uploads/item/201603/03/20160303163634_iveUE.thumb.224_0.jpeg");
        listDatas.add(sun4);

        SunBean sun5 = new SunBean();
        sun5.setTitle("太陽的后裔五");
        sun5.setPicUrl("http://cdn.duitang.com/uploads/item/201603/07/20160307013640_FQCTc.thumb.224_0.jpeg");
        listDatas.add(sun5);

        SunBean sun6 = new SunBean();
        sun6.setTitle("太陽的后裔六");
        sun6.setPicUrl("http://img4.duitang.com/uploads/item/201603/03/20160303102359_vzwPC.thumb.224_0.jpeg");
        listDatas.add(sun6);

        SunBean news7 = new SunBean();
        news7.setTitle("太陽的后裔七");
        news7.setPicUrl("http://img4.duitang.com/uploads/item/201603/03/20160303101132_AMPRv.thumb.224_0.jpeg");
        listDatas.add(news7);

        SunBean sun8 = new SunBean();
        sun8.setTitle("太陽的后裔八");
        sun8.setPicUrl("http://img0.imgtn.bdimg.com/it/u=1043934750,464206674&fm=11&gp=0.jpg");
        listDatas.add(sun8);
    }


}

SunAdapter.java

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.squareup.picasso.Picasso;

import java.util.List;

/** * Created by huangshuai on 2016/5/20. * Email：huangshuai@wooyun.org * 列表Adapter */
public class SunAdapter extends BaseAdapter {

    private List<SunBean> list_sun;
    private LayoutInflater inflater;
    private Context context;

    public SunAdapter(List<SunBean> list_new, Context context) {
        this.list_sun = list_new;
        this.context = context;
        this.inflater = LayoutInflater.from(context);
    }

    @Override
    public int getCount() {
        return list_sun.size();
    }

    @Override
    public Object getItem(int position) {
        return list_sun.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {

        ItemViewHodler viewHolder;
        if (convertView == null) {
            viewHolder = new ItemViewHodler();

            convertView = inflater.inflate(R.layout.list_item, null);
            viewHolder.title = (TextView) convertView.findViewById(R.id.item_title);
            viewHolder.pic = (ImageView) convertView.findViewById(R.id.item_pic);

            convertView.setTag(viewHolder);
        } else {
            viewHolder = (ItemViewHodler) convertView.getTag();
        }

        viewHolder.title.setText(list_sun.get(position).getTitle());
        Picasso.with(context).load(list_sun.get(position).getPicUrl()).fit()
                .placeholder(R.mipmap.alibg)
                .error(R.mipmap.ic_launcher)
                .into(viewHolder.pic);

        return convertView;
    }


    class ItemViewHodler {
        TextView title;
        ImageView pic;
    }
}

SunBean.java

/** * Created by huangshuai on 2016/5/20. * Email：huangshuai@wooyun.org * 列表圖片Bean */
public class SunBean {

    private String title;
    private String picUrl;

    public SunBean(String title, String picUrl) {
        this.title = title;
        this.picUrl = picUrl;
    }

    public SunBean() {
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getPicUrl() {
        return picUrl;
    }

    public void setPicUrl(String picUrl) {
        this.picUrl = picUrl;
    }
}

list_itmxml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent">

    <TextView  android:id="@+id/item_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:text="太陽的后裔" />

    <ImageView  android:id="@+id/item_pic" android:layout_width="160dp" android:layout_height="240dp" android:layout_centerHorizontal="true" android:layout_below="@id/item_title" android:src="@mipmap/alibg" />

</RelativeLayout>

list_view.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent">

    <ListView  android:id="@+id/list_sun" android:layout_width="match_parent" android:layout_height="match_parent"></ListView>

</RelativeLayout>

最后不要忘了增加網絡權限

<uses-permission android:name="android.permission.INTERNET" />

來自： http://blog.csdn.net/mynameishuangshuai/article/details/51462601

本文由用戶 imud86 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。

轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。

本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！

本文地址：http://www.baiduhome.net/lib/view/open1463735958707.html

Android Picasso Android開發移動開發

通過案例快速學會Android Picasso圖片緩存庫

配置方法

基本使用

Picasso特性

相關經驗

相關資訊

相關文檔

目錄