2. 程式人生 > >Android圖片載入框架Picasso使用教程 (四)

Android圖片載入框架Picasso使用教程 (四)

阿新 • • 發佈：2019-02-17
通過前幾篇的學習,我們已經對Picasso的載入圖片的用法有了很深的瞭解,接下來我們開始分析Picasso為我們提供的其他高階功能及記憶體分析,Let’s Go ! （ps：想要獲取更多學習資料可加qq1692250804！）      Picasso進行圖片的旋轉(Rotation)
     簡單的旋轉,只需要增加一個角度即可,呼叫rotate(float degrees)

    當我們對一張圖片需要進行簡單的旋轉處理時,只需要呼叫傳入旋轉的角度,大於0小於360即可,上程式碼:


  1. <font color="rgb(85, 85, 85)">Picasso
  2.     .with(context)
  3.     .load(UsageExampleListViewAdapter.eatFoodyImages[0])
  4.     .rotate(90f) //旋轉90度
  5.     .into(imageViewSimpleRotate);</font>
複製程式碼
       根據某個點進行復雜的旋轉操作

      因為圖片的旋轉都是相對(0,0)進行操作,所以如果我們想自定義相對於某個點,也是可以的,只需要呼叫
.rotate(float degrees, float pivotX, float pivotY)


  1. <font color="rgb(85, 85, 85)">Picasso
  2.     .with(context)
  3.     .load(R.drawable.floorplan)
  4.     .rotate(45f, 200f, 100f)
  5.     .into(imageViewComplexRotate);</font>
複製程式碼
       對圖片的轉化(Transformation)

      模糊一張圖片

      我們可以在一張圖片進行展示之前,對其進行操作,然後在展示;這時我們需要定義一個類實現Transformation,然後重寫裡面重要的方法,直接上程式碼:


  1. <font color="rgb(85, 85, 85)">public class BlurTransformation implements Transformation {
  2.     RenderScript rs;
  3.     public BlurTransformation(Context context) {
  4.         super();
  5.         rs = RenderScript.create(context);
  6.     }
  7.     @Override
  8.     public Bitmap transform(Bitmap bitmap) {
  9.         // 建立一個Bitmap作為最後處理的效果Bitmap
  10.         Bitmap blurredBitmap = bitmap.copy(Bitmap.Config.ARGB_8888, true);
  11.         // 分配記憶體
  12.         Allocation input = Allocation.createFromBitmap(rs, blurredBitmap, Allocation.MipmapControl.MIPMAP_FULL, Allocation.USAGE_SHARED);
  13.         Allocation output = Allocation.createTyped(rs, input.getType());
  14.         // 根據我們想使用的配置載入一個例項
  15.         ScriptIntrinsicBlur script = ScriptIntrinsicBlur.create(rs, Element.U8_4(rs));
  16.         script.setInput(input);
  17.         // 設定模糊半徑
  18.         script.setRadius(10);
  19.         //開始操作
  20.         script.forEach(output);
  21.         // 將結果copy到blurredBitmap中
  22.         output.copyTo(blurredBitmap);
  23.         //釋放資源
  24.         bitmap.recycle();
  25.         return blurredBitmap;
  26.     }
  27.     @Override
  28.     public String key() {
  29.         return "blur";
  30.     }
  31. }
  32. //然後呼叫即可
  33. Picasso
  34.     .with(context)
  35.     .load(UsageExampleListViewAdapter.eatFoodyImages[0])
  36.     .transform(new BlurTransformation(context))
  37.     .into(imageViewTransformationBlur);</font>
複製程式碼

       在圖片被載入之前就會被我們先處理一遍;

      對載入的資源進行復雜的操作(模糊+縮放)

       我們應該注意到,Picasso給我們提供了一個這樣的API,允許我們將引數設定為一個Transformations的集合
       transform(List<? extends Transformation> transformations),這就意味著我們可以對資源進行一系列的操作;上程式碼:


  1. <font color="rgb(85, 85, 85)">public class GrayscaleTransformation implements Transformation {
  2.     private final Picasso picasso;
  3.     public GrayscaleTransformation(Picasso picasso) {
  4.         this.picasso = picasso;
  5.     }
  6.     @Override
  7.     public Bitmap transform(Bitmap source) {
  8.         Bitmap result = createBitmap(source.getWidth(), source.getHeight(), source.getConfig());
  9.         Bitmap noise;
  10.         try {
  11.             noise = picasso.load(R.drawable.noise).get();
  12.         } catch (IOException e) {
  13.             throw new RuntimeException("Failed to apply transformation! Missing resource.");
  14.         }
  15.         BitmapShader shader = new BitmapShader(noise, REPEAT, REPEAT);
  16.         ColorMatrix colorMatrix = new ColorMatrix();
  17.         colorMatrix.setSaturation(0);
  18.         ColorMatrixColorFilter filter = new ColorMatrixColorFilter(colorMatrix);
  19.         Paint paint = new Paint(ANTI_ALIAS_FLAG);
  20.         paint.setColorFilter(filter);
  21.         Canvas canvas = new Canvas(result);
  22.         canvas.drawBitmap(source, 0, 0, paint);
  23.         paint.setColorFilter(null);
  24.         paint.setShader(shader);
  25.         paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.MULTIPLY));
  26.         canvas.drawRect(0, 0, canvas.getWidth(), canvas.getHeight(), paint);
  27.         source.recycle();
  28.         noise.recycle();
  29.         return result;
  30.     }
  31.     @Override
  32.     public String key() {
  33.         return "grayscaleTransformation()";
  34.     }
  35. }
  36. //下面進行呼叫
  37. List<Transformation> transformations = new ArrayList<>();
  38. transformations.add(new GrayscaleTransformation(Picasso.with(context)));
  39. transformations.add(new BlurTransformation(context));
  40. Picasso
  41.     .with(context)
  42.     .load(UsageExampleListViewAdapter.eatFoodyImages[0])
  43.     .transform(transformations)
  44.     .into(imageViewTransformationsMultiple);</font>
複製程式碼

        這個transformations我相信已經能夠給你足夠強大的功能供你處理圖片資源,到這裡,Picasso基本所有的高階功能都被你所掌握了,已經非常好了,           下面我們就開始分析Picasso的快取元件,讓我們繼續揭開Picasso的神祕面紗;

      關於快取機制

        Picasso預設的快取分配大小特點:

  • LRU快取佔應用程式可用記憶體的15%
  • 本地快取佔到硬碟空間的2%但不超過50M並且不小於5M(前提是這種情況只在4.0以上有效果,或者你能像OKHttp那樣提供一個本地快取庫來支援全平臺)
  • Picasso預設開啟3個執行緒來進行本地與網路之間的訪問
  • Picasso載入圖片順序, 記憶體–>本地–>網路

       Memory Policy

      可能有的時候你不想讓Picasso去記憶體中進行讀取而跳過此步驟,這時你可以在進行網路請求時呼叫memoryPolicy(MemoryPolicy policy,                     MemoryPolicy... additional),MemoryPolicy是一個列舉,只有兩個值 NO_CACHE 和 ‘NO_STORE`

  • NO_CACHE - 讓Picasso跳過從記憶體中讀取圖片這一操作
  • NO_STORE - 如果你的圖片只加載一次就沒用了,就呼叫該值,這樣的話Picasso就不會在記憶體及本地進行快取了

      程式碼示例:


  1. <font color="rgb(85, 85, 85)">Picasso  
  2.     .with(context)
  3.     .load(UsageExampleListViewAdapter.eatFoodyImages[1])
  4.     .memoryPolicy(MemoryPolicy.NO_CACHE)
  5.     .into(imageViewFromDisk);</font>
複製程式碼
       當然,你也可以這樣呼叫:

  1. <font color="rgb(85, 85, 85)">Picasso  
  2.     .with(context)
  3.     .load(UsageExampleListViewAdapter.eatFoodyImages[1])
  4.     .memoryPolicy(MemoryPolicy.NO_CACHE, MemoryPolicy.NO_STORE)
  5.     .into(imageViewFromDisk);</font>
複製程式碼

       注意:呼叫.memoryPolicy(MemoryPolicy.NO_CACHE)雖然能避免Picasso從記憶體中讀取資源,但是並不能避免從本地讀取資源,如果你也想跳過從本地讀取這一過程,請看NetworkPolicy.

      NetworkPolicy

      就像MemoryPolicy負責管理記憶體快取一樣,NetworkPolicy就是負責管理本地快取的,而且二者的用法一模一樣,NetworkPolicy也是一個列舉,不過它有三個值:

  • NO_CACHE - 讓Picasso跳過從本地讀取資源這一過程
  • NO_STORE - 讓Picasso不進行本地圖片快取
  • OFFLINE - 讓Picasso載入圖片的時候只從本地讀取除非聯網正常並且本地找不到資源的情況下

      示例程式碼:


  1. <font color="rgb(85, 85, 85)">Picasso  
  2.     .with(context)
  3.     .load(UsageExampleListViewAdapter.eatFoodyImages[2])
  4.     .networkPolicy(NetworkPolicy.NO_CACHE)
  5.     .into(imageViewFromNetwork);</font>
複製程式碼       當然,你也可以配合MemoryPolicy一起使用

  1. <font color="rgb(85, 85, 85)">Picasso  
  2.     .with(context)
  3.     .load(UsageExampleListViewAdapter.eatFoodyImages[2])
  4.     .memoryPolicy(MemoryPolicy.NO_CACHE, MemoryPolicy.NO_STORE)
  5.     .networkPolicy(NetworkPolicy.NO_CACHE)
  6.     .into(imageViewFromNetwork); </font>
複製程式碼

       檢視圖片都來源於何處,快取指示器

        作為一個有經驗的猿猿,我們肯定想知道我們所載入的圖片來源於何處,是記憶體,本地還是從網路載入的,當然這個動作Picasso已經為我們想好了,我們只需要在請求的時候呼叫.setIndicatorsEnabled(true);就行了,程式碼:


  1. <font color="rgb(85, 85, 85)">Picasso  
  2.     .with(context)
  3.     .setIndicatorsEnabled(true);</font>
複製程式碼

       這樣每張圖片在顯示的時候,左上角都會有一個小標記,分別又三種三色,藍色,綠色,紅色;

  • 藍色 - 從記憶體中獲取,是最佳效能展示
  • 綠色 - 從本地獲取,效能一般
  • 紅色 - 從網路載入,效能最差


      檢視圖片載入用時

       快取指示器能幫助我們檢視圖片的載入來源,但是並不能精確的知道每張圖片從網路載入時所用的時間,在請求開始我們就加上呼叫.setLoggingEnabled(true),來通過輸出日誌的方式檢視每張網路請求的資源所用的時間; 上程式碼:


  1. <font color="rgb(85, 85, 85)">Picasso  
  2.     .with(context)
  3.     .setLoggingEnabled(true);
  4. Picasso  
  5.     .with(context)
  6.     .load(UsageExampleListViewAdapter.eatFoodyImages[2])
  7.     .memoryPolicy(MemoryPolicy.NO_CACHE)
  8.     .networkPolicy(NetworkPolicy.NO_CACHE)
  9.     .into(imageViewFromNetwork);</font>
複製程式碼
       然後通過在控制檯上檢視日誌資訊,如下:

  1. <font color="rgb(85, 85, 85)">D/Picasso﹕ Main        created      [R0] Request{http://i.imgur.com/rT5vXE1.jpg}  
  2. D/Picasso﹕ Dispatcher  enqueued     [R0]+21ms  
  3. D/Picasso﹕ Hunter      executing    [R0]+26ms  
  4. D/Picasso﹕ Hunter      decoded      [R0]+575ms  
  5. D/Picasso﹕ Dispatcher  batched      [R0]+576ms for completion  
  6. D/Picasso﹕ Main        completed    [R0]+807ms from NETWORK  
  7. D/Picasso﹕ Dispatcher  delivered    [R0]+809ms  </font>
複製程式碼

      整體載入分析StatsSnapshot

       你可能有一個場景,需要看一個大圖的載入在記憶體中佔用了多大,你可以呼叫StatsSnapshot即可,程式碼:


  1. <font color="rgb(85, 85, 85)">
  2. StatsSnapshot picassoStats = Picasso.with(context).getSnapshot();  
  3. //然後列印
  4. Log.d("Picasso Stats", picassoStats.toString());</font>
複製程式碼        最後輸出結果為:

  1. <font color="rgb(85, 85, 85)">
  2. D/Picasso Stats﹕ StatsSnapshot{
  3. maxSize=28760941,
  4. size=26567204,
  5. cacheHits=30,
  6. cacheMisses=58,
  7. downloadCount=0,
  8. totalDownloadSize=0,
  9. averageDownloadSize=0,
  10. totalOriginalBitmapSize=118399432,
  11. totalTransformedBitmapSize=96928004,
  12. averageOriginalBitmapSize=2466654,
  13. averageTransformedBitmapSize=2019333,
  14. originalBitmapCount=48,
  15. transformedBitmapCount=41,
  16. timeStamp=1432576918067}</font>
複製程式碼        OK,到此關於Picasso的高階用法我們都有了一定得了解,後面我們將介紹Picasso.Builder來改變Picasso的例項,願大家都有一個美好的一天.

相關推薦

Android圖片載入框架Picasso使用教程 (四)

通過前幾篇的學習,我們已經對Picasso的載入圖片的用法有了很深的瞭解,接下來我們開始分析Picasso為我們提供的其他高階功能及記憶體分析,Let’s Go ! （ps：想要獲取更多學習資料可加qq1692250804！）      Picasso進行圖片的旋轉(Ro

Android圖片載入框架Picasso最全使用教程 一

Picasso介紹 Picasso是Square公司開源的一個Android圖形快取庫 A powerful image downloading and caching library for Android 一個Android下強大的圖片下載快

Android圖片載入框架Picasso使用教程 (三)

前面我們對Picasso的用法有了一定得了解,下面就分析一下一些特殊情況下,Picasso的用法. 呼叫.noFade() 　　Picasso的預設圖片載入方式有一個淡入的效果,如果呼叫了noFade(),載入的圖片將直接顯示在ImageView上 <font

Android圖片載入框架Picasso最全使用教程

Picasso介紹 A powerful image downloading and caching library for Android 一個Android下強大的圖片下載快取庫 Picasso實現了圖片的非同步載入,並解決了Android中載入圖片時常見的一些問題,它有以下特點: 在Adap

Android圖片載入框架——Picasso和Glide

       首先說Picasso，Picasso 是 Square 公司的傑作，名字叫「畢加索，充滿文藝氣息，意為載入圖片就像畫畫一樣，是一門藝術。Picasso 不僅具備載入圖片的強大功能，還是如此的簡潔。 Picasso預設的快取分配大小特點:   LRU快取佔應用程

Android 圖片載入框架Picasso基本使用和原始碼完全解析

寫在之前 原本打算是每週更新一篇博文，同時記錄一週的生活狀態，但是稍微工作忙一點就顧不上寫部落格了。悲催 還是說下最近的狀況，最近兩週一直在接公司申請的計費點， 沃商店，銀貝殼，微信等等，然後就是不停的被人催促催促，真是一個頭兩個大。在這期間專案組還搞了個A

Android圖片載入框架最全解析（四），玩轉Glide的回撥與監聽（筆記）

參考原文：Android圖片載入框架最全解析（四），玩轉Glide的回撥與監聽 回撥的原始碼實現 的Target物件傳入到GenericRequest當中，而Glide在圖片載入完成之後又會回撥GenericRequest的onResourceReady()方法，onReso

Android 圖片載入框架 Volley框架原始碼 以及Picasso和Glide比較

首先了解一下，它是封裝了HTTPConnection和HTTPClient類的一個框架， 適用於資料量少但是通訊頻繁的情況，如載入圖片； 就拿StringRequest（用來請求字串的）舉例： Volley的順序是 ：  Http請求-------再接受響應   只

Android圖片載入框架最全解析（四），玩轉Glide的回撥與監聽

本文同步發表於我的微信公眾號，掃一掃文章底部的二維碼或在微信搜尋 郭霖 即可關注，每天都有文章更新。 大家好，今天我們繼續學習Glide。 在上一篇文章當中，我帶著大家一起深入探究了Glide的快取機制，我們不光掌握了Glide快取的使用方法，還

安卓網路圖片載入框架-Picasso使用教程

Picasso介紹 Picasso是Square公司開源的一個Android圖形快取庫 A powerful image downloading and caching library for Android  一個Android下強大的圖片下載快取庫 Picass

Android中圖片載入框架Picasso的使用

技術要點 基本顯示（非同步載入，圖片壓縮，圖片快取） 載入中和載入錯誤的圖片顯示 設定圖片尺寸(Resize)、縮放(Scale)和裁剪(Crop) 圖片旋轉 設定轉換器 取消預設的記憶體快取 設定快取指示器 請求優先順序設定 圖片還未加載出來時取消

Android之圖片載入框架Picasso原始碼解析

個人開發的微信小程式，目前功能是書籍推薦，後續會完善一些新功能，希望大家多多支援！ 前言 picasso是Square公司開源的一個Android圖形快取庫，地址http://square.github.io/picasso/，可以實現圖片下載和快取功能。僅

Android圖片載入框架：ImageLoader,Volley,Picasso,Glide,Fresco

1.ImageLoader 2.Volley 3.picasso 4.glide 5.fresco 首先：以前自己一直是使用ImageLoader的，，ImageLoader大家都是知道的，使用最廣泛，使用方式也是最靈活的，，但後續出現

Android圖片載入框架最全解析（五），Glide強大的圖片變換功能（筆記）

參考原文：Android圖片載入框架最全解析（五），Glide強大的圖片變換功能 一個問題 百度這張logo圖片的尺寸只有540258畫素，但是我的手機的解析度卻是10801920畫素，而我們將ImageView的寬高設定的都是wrap_content，那麼圖片的寬度應該只有

Android圖片載入框架最全解析（三），深入探究Glide的快取機制(筆記)

原文地址：Android圖片載入框架最全解析（三），深入探究Glide的快取機制 筆記： 1.Glide快取簡介 2.快取Key EngineKey 重寫了equals()和hashCode()方法，保證只有傳入EngineKey的所有引數都相同的情況下才認為是

Android圖片載入框架最全解析（七），實現帶進度的Glide圖片載入功能（筆記）

參考原文：Android圖片載入框架最全解析（七），實現帶進度的Glide圖片載入功能 擴充套件目標 對Glide進行功能擴充套件，使其支援監聽圖片下載進度的功能 開始 dependencies { compile 'com.github.bumptech.glid

Android圖片載入框架最全解析（六），探究Glide的自定義模組功能(筆記)

參考原文：Android圖片載入框架最全解析（六），探究Glide的自定義模組功能 自定義模組的基本用法 自定義模組功能可以將更改Glide配置，替換Glide元件等操作獨立出來，使得我們能輕鬆地對Glide的各種配置進行自定義，並且又和Glide的圖片載入邏輯沒有任何交集，

Android 圖片載入框架Glide用法

最近有個需求是，要將 url 地址傳過來的圖片載入到ImageView中，幾番折騰後找到 Glide，真的很好用，所以做下筆記 轉載：https://www.cnblogs.com/guilin-hu/p/5706916.html 在泰國舉行的谷歌開發者論壇上，谷歌為我們介紹了一個名叫&nb

Android圖片載入框架的簡單比較與理解

轉自 http://www.csdn.net/article/2015-10-21/2825984【CSDN現場報道】10月14日-16日，“ 2015移動開發者大會 · 中國”（Mobile Developer Conference China 2015，簡稱MDCC 2015）在北京新雲南皇冠假

Android圖片載入框架最全解析（五），Glide強大的圖片變換功能

                       本文同步發表於我的微信公眾號，掃一掃文章底部的二維碼或在微信搜尋 郭霖 即可關注，每天都有文章更新。大家好，又到了學習Glide的時間了。前段時間由於專案開發緊張，再加上後來又生病了，所以停更了一個月，不過現在終於又可以恢復正常更新了。今天是這個系列的第五篇文章，