圖片加載框架簡單介紹<二> Picasso 的基本使用

  • Picasso簡單介紹

Picasso是由一家名叫square的公司開源的羔杨,Square是美國的一家移動(dòng)支付公司杨蛋,成立于2009年兜材,總部位于舊金山逞力。Square公司曾被[麻省理工大學(xué)]《MIT Technology Review》評為全球最聰明的50家公司之一曙寡。目前Android上比較優(yōu)秀的okhttp,retrofit框架都是出自這家公司寇荧,哈哈,說這些廢話就是想表達(dá)一個(gè)意思揩抡,這家公司比較牛逼!既然square那么牛逼峦嗤,Picasso自然也不會(huì)很菜蕊唐,肯定還是值得實(shí)用的。Picasso 主要是解決圖片加載以及圖片緩存問題的烁设,秉承了Square一向簡單明了的風(fēng)格替梨,功能強(qiáng)大且使用起來非常簡單。

  • 先說幾個(gè)官方介紹的優(yōu)點(diǎn)

Picasso會(huì)自動(dòng)處理圖片加載過程的一些坑弓熏,比如:

1.Adapter的圖片復(fù)用過程中,能夠自動(dòng)回收圖片和取消圖片下載挽鞠。

2.使用最少的內(nèi)存來實(shí)現(xiàn)各種復(fù)雜的圖片變換狈孔。

3.Picasso會(huì)自動(dòng)進(jìn)行內(nèi)存和硬盤圖片緩存。

  • 最基本的加載圖片方法

使用Picasso除抛,我們只需要一行代碼母截,就能實(shí)現(xiàn)圖片的加載功能,非常簡單明了清寇。

1.加載網(wǎng)絡(luò)圖片

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

2.加載本地資源

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);

3.加載圖片并設(shè)置圖片加載進(jìn)度監(jiān)聽

Picasso.with(context)
.load(url)
.into(imageView,new Callback.EmptyCallback(){
    @Override
    public void onSuccess() {
        super.onSuccess();
        //在這里執(zhí)行你想要執(zhí)行的操作
    }

    @Override
    public void onError() {
        super.onError();
        //在這里執(zhí)行你想要執(zhí)行的操作
    }
});
  • 在適配器中加載圖片

Picasso在適配器中會(huì)自動(dòng)識(shí)別復(fù)用并取消之前的下載任務(wù)。

@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);
}
  • 對圖片進(jìn)行變換

1.使用Picasso可以對圖像進(jìn)行變換翩迈,以便更好地適應(yīng)布局和減少內(nèi)存大小盔夜。

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

2.對圖片進(jìn)行自定義變換,以產(chǎn)生更棒的效果喂链。

//創(chuàng)建MyTransformation類來實(shí)現(xiàn)Transformation 接口的,并實(shí)現(xiàn)transform方法進(jìn)行自定義變換
public class MyTransformation 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()"; }
}
  • 設(shè)置下載過程中圖片顯示洞坑,圖片加載失敗后顯示的圖片

Picasso加載的過程中蝇率,加載失敗的圖片會(huì)自動(dòng)再進(jìn)行兩次重復(fù)加載嘗試,如果三次都失敗本慕,才會(huì)使用加載失敗替代圖。

Picasso.with(context)
    .load(url)
    .placeholder(R.drawable.user_placeholder)//設(shè)置下載過程中圖片顯示
    .error(R.drawable.user_placeholder_error)//設(shè)置圖片加載失敗顯示的圖片
    .into(imageView);
  • 程序調(diào)試提示

通過獲取Picasso的實(shí)例并設(shè)置setIndicatorsEnabled(true)间狂,Picasso在加載圖片的時(shí)候,會(huì)在圖片的左上角顯示不同的指示顏色忙菠,紅色說明當(dāng)前圖片加載自網(wǎng)絡(luò),綠色說明當(dāng)前圖片加載自內(nèi)存牛欢,藍(lán)色說明當(dāng)前圖片加載自硬盤。

Picasso.with(this).setIndicatorsEnabled(true);
Picasso.png
  • 對Picasso進(jìn)行封裝

和之前使用ImagerLoader一樣傍睹,我們也對Picasso進(jìn)行二次封裝一下。下面是我自己對Picasso進(jìn)行簡單封裝生成的一個(gè)類吮炕。

public class ImagerLoaderUtil {

    private Picasso picasso;
    private Context context;
    private static ImagerLoaderUtil ImagerLoaderUtil;

    public ImagerLoaderUtil(Context context) {
        this.context = context;
    }

    public synchronized static ImagerLoaderUtil getInstance(Context context){
        if(ImagerLoaderUtil == null){
            ImagerLoaderUtil = new ImagerLoaderUtil(context);
            ImagerLoaderUtil.initImageLoader();
        }
        return ImagerLoaderUtil;
    }

    public void displayMyImage(String imageUrl, ImageView imageView ){
        picasso.load(imageUrl).into(imageView);
    }

    public void displayMyImage(String imageUrl, ImageView imageView,Callback callback ){
        picasso.load(imageUrl).into(imageView, callback);
    }

    private void initImageLoader() {
        picasso = Picasso.with(context);
    }
}

對picasso類的封裝非常簡單访得,功能也比較單一,根據(jù)項(xiàng)目需求不同悍抑,可以相應(yīng)的實(shí)現(xiàn)displayMyImage更多的重載方法,使其更加強(qiáng)大搜骡。

對Picasso的簡單介紹就到這里了,如果想要了解更多谈竿,大家可以參考項(xiàng)目地址:Picasso的github項(xiàng)目地址摸吠。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市蜕便,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌轿腺,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,635評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件憔辫,死亡現(xiàn)場離奇詭異仿荆,居然都是意外死亡贰您,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評論 3 399
  • 文/潘曉璐 我一進(jìn)店門舶替,熙熙樓的掌柜王于貴愁眉苦臉地迎上來杠园,“玉大人顾瞪,你說我怎么就攤上這事抛蚁。” “怎么了瞧甩?”我有些...
    開封第一講書人閱讀 168,083評論 0 360
  • 文/不壞的土叔 我叫張陵肚逸,是天一觀的道長。 經(jīng)常有香客問我吼虎,道長苍鲜,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,640評論 1 296
  • 正文 為了忘掉前任混滔,我火速辦了婚禮,結(jié)果婚禮上油湖,老公的妹妹穿的比我還像新娘领跛。我一直安慰自己乏德,他們只是感情好吠昭,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,640評論 6 397
  • 文/花漫 我一把揭開白布矢棚。 她就那樣靜靜地躺著郑什,像睡著了一般蒲肋。 火紅的嫁衣襯著肌膚如雪钝满。 梳的紋絲不亂的頭發(fā)上申窘,一...
    開封第一講書人閱讀 52,262評論 1 308
  • 那天,我揣著相機(jī)與錄音偶洋,去河邊找鬼。 笑死牵寺,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的帽氓。 我是一名探鬼主播俩块,決...
    沈念sama閱讀 40,833評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼玉凯!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起捎拯,我...
    開封第一講書人閱讀 39,736評論 0 276
  • 序言:老撾萬榮一對情侶失蹤盲厌,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后吗浩,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,280評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡禁荸,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,369評論 3 340
  • 正文 我和宋清朗相戀三年阀湿,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片炕倘。...
    茶點(diǎn)故事閱讀 40,503評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖啊央,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情瓜饥,我是刑警寧澤,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布乓土,位于F島的核電站貌亭,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏褪迟。R本人自食惡果不足惜尽棕,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,870評論 3 333
  • 文/蒙蒙 一彬伦、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧回官,春花似錦、人聲如沸歉提。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,340評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蜗帜。三九已至资厉,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間宴偿,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,460評論 1 272
  • 我被黑心中介騙來泰國打工窥妇, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留娩践,地道東北人活翩。 一個(gè)月前我還...
    沈念sama閱讀 48,909評論 3 376
  • 正文 我出身青樓材泄,卻偏偏與公主長得像沮焕,于是被迫代替她去往敵國和親拉宗。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,512評論 2 359

推薦閱讀更多精彩內(nèi)容