2. 程式人生 > >基於Glide的二次封裝

基於Glide的二次封裝

阿新 • • 發佈：2019-01-04

更多程式碼可以查詢本人GitHub：歡迎閱讀，star點起來。
Glide二次封裝庫原始碼

前言

為什麼選擇Glide？

  • Glide 輕量級
  • 速度快
  • 可以根據所需載入圖片的大小自動適配所需解析度的圖
  • 支援多種格式圖片（靜態webp，動態gif，jpeg，jpg，png）
  • 支援多種資料來源圖片（url，drawable，src，file，asserts，raw）
  • Google主導

已經很方便了，為啥還要封裝？

  • 避免以後換框架的時候需要改的地方太多。如果封裝了只需要改封裝的方法而不會影響到所有的程式碼。
  • 入口統一，所有圖片載入都在這一個地方管理，一目瞭然，即使有什麼改動我也只需要改這一個類就可以了。
  • 雖然現在的第三方庫已經非常好用，但是如果我們看到第三方庫就拿來用的話，很可能在第三方庫無法滿足業務需求或者停止維護的時候，發現替換庫，工作量可見一斑。這就是不封裝在切庫時面臨的窘境！
  • 外部表現一致，內部靈活處理原則

初識Glide

Glide配置

1、 在build.gradle中新增依賴：

dependencies {
  compile 'com.github.bumptech.glide:glide:3.7.0'
  compile 'com.android.support:support-v4:19.1.0'
}

2、混淆

-keep public
 
 class * implements com.bumptech.glide.module.GlideModule
-keep public enum com.bumptech.glide.load.resource.bitmap.ImageHeaderParser$** {
  **[] $VALUES;
  public *;
}

# for DexGuard only
-keepresourcexmlelements manifest/application/meta-data@value=GlideModule

3、許可權
如果是聯網獲取圖片或者本地儲存需要新增以下許可權：

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

Glide基本使用

Glide使用一個流介面（Fluent Interface）。用Glide完成一個完整的圖片載入功能請求，需要向其構造器中至少傳入3個引數，分別是：

  • with(Context context)- Context是許多Android API需要呼叫的， Glide也不例外。這裡Glide非常方便，你可以任意傳遞一個Activity或者Fragment物件，它都可以自動提取出上下文。
  • load(String imageUrl) - 這裡傳入的是你要載入的圖片的URL，大多數情況下這個String型別的變數會連結到一個網路圖片。
  • into(ImageView targetImageView) - 將你所希望解析的圖片傳遞給所要顯示的ImageView。

example:

ImageView targetImageView = (ImageView) findViewById(R.id.imageView);
String internetUrl = "http://i.imgur.com/DvpvklR.png";

Glide
    .with(context)
    .load(internetUrl)
    .into(targetImageView);

如何進行二次封裝

明白了為什麼封裝以及基本原理，接下來我們就要開工，大幹一場。

先看一下本人封裝後的基本使用樣式：

ImageLoader.with(this)
    .url("http://img.yxbao.com/news/image/201703/13/7bda462477.gif")
    .placeHolder(R.mipmap.ic_launcher,false)
    .rectRoundCorner(30, R.color.colorPrimary)
    .blur(40)
    .into(iv_round);

更多屬性我們後再詳細講解使用，主要先來看看具體的封裝。

先看一下uml：

這裡寫圖片描述

使用者只需要關心ImageLoader就好了，就算裡面封裝的庫更換、更新也沒關係，因為對外的介面是不變的。實際操作中是由實現了ILoader的具體類去操作的，這裡我們只封裝了GlideLoader，其實所有操作都是由ImageLoader下發指令，由GlideLoader具體去實現的。這裡如果想封裝別的第三方庫，只需要實現ILoader自己去完成裡面的方法。

初始化

    public static int CACHE_IMAGE_SIZE = 250;

    public static void init(final Context context) {
        init(context, CACHE_IMAGE_SIZE);
    }

    public static void init(final Context context, int cacheSizeInM) {
        init(context, cacheSizeInM, MemoryCategory.NORMAL);
    }

    public static void init(final Context context, int cacheSizeInM, MemoryCategory memoryCategory) {
        init(context, cacheSizeInM, memoryCategory, true);
    }

    /**
     * @param context        上下文
     * @param cacheSizeInM   Glide預設磁碟快取最大容量250MB
     * @param memoryCategory 調整記憶體快取的大小 LOW(0.5f) ／ NORMAL(1f) ／ HIGH(1.5f);
     * @param isInternalCD   true 磁碟快取到應用的內部目錄 / false 磁碟快取到外部存
     */
    public static void init(final Context context, int cacheSizeInM, MemoryCategory memoryCategory, boolean isInternalCD) {
        ImageLoader.context = context;
        GlobalConfig.init(context, cacheSizeInM, memoryCategory, isInternalCD);
    }

從這裡可以看出我們提供了四個構造器，這裡註釋詳細說明了所有引數的用法及意義。

除了初始化，我們還需要在Application中重寫以下方法：

    @Override
    public void onTrimMemory(int level) {
        super.onTrimMemory(level);
        // 程式在記憶體清理的時候執行
        ImageLoader.trimMemory(level);
    }

    @Override
    public void onLowMemory() {
        super.onLowMemory();
        // 低記憶體的時候執行
        ImageLoader.clearAllMemoryCaches();
    }

上面這兩個方法會在下面ImageLoader中介紹到。

你所關心的類–ImageLoader

ImageLoader是封裝好所有的方法供使用者使用的，讓我們看看都有什麼方法：

  • ImageLoader.init(Context context) //初始化
  • ImageLoader.trimMemory(int level);
  • ImageLoader.clearAllMemoryCaches();
  • ImageLoader.getActualLoader(); //獲取當前的loader
  • ImageLoader.with(Context context) //載入圖片
  • ImageLoader.saveImageIntoGallery(DownLoadImageService downLoadImageService) // 儲存圖片到相簿
  • ImageLoader.pauseRequests() //取消請求
  • ImageLoader.resumeRequests() //回覆的請求（當列表在滑動的時候，呼叫pauseRequests()取消請求，滑動停止時，呼叫resumeRequests()恢復請求 等等）
  • ImageLoader.clearDiskCache()//清除磁碟快取(必須在後臺執行緒中呼叫)
  • ImageLoader.clearMomoryCache(View view) //清除指定view的快取
  • ImageLoader.clearMomory() // 清除記憶體快取(必須在UI執行緒中呼叫)

圖片的各種設定資訊–SingleConfig

我們所設定圖片的所有屬性都寫在這個類裡面。下面我們詳細的看一下：

  • url(String url) /／url
  • file(String filePath) //載入SD卡資源
  • file(File file) //載入SD卡資源
  • res(int resId) //載入drawable資源
  • content(String contentProvider) //載入ContentProvider資源
  • raw(String rawPath) //載入raw資源
  • asserts(String assertspath) //載入asserts資源
  • thumbnail(float thumbnail)//縮圖
  • rectRoundCorner(int rectRoundRadiusf) //形狀為圓角矩形時的圓角半徑
  • priority(int priority) //優先順序
  • error(int errorResId) //錯誤佔位圖
  • asSquare() //形狀為正方形
  • colorFilter(int color) //顏色濾鏡
  • diskCacheStrategy(DiskCacheStrategy diskCacheStrategy) //DiskCacheStrategy.NONE :不快取圖片 ／DiskCacheStrategy.SOURCE :快取圖片原始檔／DiskCacheStrategy.RESULT:快取修改過的圖片／DiskCacheStrategy.ALL:快取所有的圖片，預設
    ignoreCertificateVerify(boolean ignoreCertificateVerify) // https是否忽略校驗
  • asCircle()//載入圓形圖片
  • placeHolder(int placeHolderResId) //佔位圖
  • override(int oWidth, int oHeight) //載入圖片時設定解析度 a
  • scale(int scaleMode) // CENTER_CROP等比例縮放圖片，直到圖片的狂高都大於等於ImageView的寬度，然後擷取中間的顯示 ; FIT_CENTER 等比例縮放圖片，寬或者是高等於ImageView的寬或者是高 預設：FIT_CENTER
  • animate(int animationId ) 引入動畫
  • animate( Animation animation) 引入動畫
  • animate(ViewPropertyAnimation.Animator animato) 引入動畫
  • asBitmap(BitmapListener bitmapListener)// 使用bitmap不顯示到imageview
  • into(View targetView) //展示到imageview
  • colorFilter(int filteColor) //顏色濾鏡
  • blur(int blurRadius) ／/高斯模糊
  • brightnessFilter(float level) //調節圖片亮度
  • grayscaleFilter() //黑白效果
  • swirlFilter() //漩渦效果
  • toonFilter() //油畫效果
  • sepiaFilter() //水墨畫效果
  • contrastFilter(float constrasrLevel) //銳化效果
  • invertFilter() //膠片效果
  • pixelationFilter(float pixelationLevel) //馬賽克效果
  • sketchFilter() // //素描效果
  • vignetteFilter() //暈映效果

中轉站–GlobalConfig

GlobalConfig類非常簡單主要是選擇Loader的操作，之所以用到這個類是因為方便以後擴充套件。今後我們如果需要使用其他的圖片載入框架，只需要繼承ILoader，然後在GlobalConfig中配置即可。

public class GlobalConfig {
    public static void init(Context context, int cacheSizeInM, 
        getLoader().init(context, cacheSizeInM, memoryCategory, isInternalCD);

    }

    public static ILoader getLoader() {

        if (loader == null) {
            ／／這裡只做了glide的封裝
            loader = new GlideLoader();
        }
        ／／可以接著做fresco或者picasso

        return loader;
    }
{

最終的執行者–GlideLoader

GlideLoader實現ILoader介面。在使用的時候我們雖然不用關心這個類，但是瞭解一下主要做了什麼功能還是必要的。
GlideLoader中主要做了兩件事，一個是初始化的實現，一個是出口方法的實現。

初始化的實現

我們在application中呼叫

 ImageLoader.init(getApplicationContext());

會最終呼叫到下面這個方法，最終的操作都是在這裡進行的

public class GlideLoader implements ILoader {

    /**
     * @param context        上下文
     * @param cacheSizeInM   Glide預設磁碟快取最大容量250MB
     * @param memoryCategory 調整記憶體快取的大小 LOW(0.5f) ／ NORMAL(1f) ／ HIGH(1.5f);
     * @param isInternalCD   true 磁碟快取到應用的內部目錄 / false 磁碟快取到外部存
     */
    @Override
    public void init(Context context, int cacheSizeInM, MemoryCategory memoryCategory, boolean isInternalCD) {
        Glide.get(context).setMemoryCategory(memoryCategory); //如果在應用當中想要調整記憶體快取的大小，開發者可以通過如下方式：
        GlideBuilder builder = new GlideBuilder(context);
        if (isInternalCD) {
            builder.setDiskCache(new InternalCacheDiskCacheFactory(context, cacheSizeInM * 1024 * 1024));
        } else {
            builder.setDiskCache(new ExternalCacheDiskCacheFactory(context, cacheSizeInM * 1024 * 1024));
        }
    }
}

出口方法的實現

不管最終我們使用的是into（） 還是 asBitmap（）最終都會呼叫GlideLoader的request()方法。

request（）方法裡面我們主要思路是拿到DrawableTypeRequest，然後根據SingleConfig中的配置資訊進行設定。

@Override
    public void request(final SingleConfig config) {
        RequestManager requestManager = Glide.with(config.getContext());
        DrawableTypeRequest request = getDrawableTypeRequest(config, requestManager);
    }

比如：設定圖片伸縮
方法如下：

            ／／先拿到之前的配置資訊。
            int scaleMode = config.getScaleMode();

            ／／然後根據配置資訊去對request進行設定。
            switch (scaleMode) {
                case ScaleMode.CENTER_CROP:
                    request.centerCrop();
                    break;
                case ScaleMode.FIT_CENTER:
                    request.fitCenter();
                    break;
                default:
                    request.fitCenter();
                    break;
            }

其他的方法與此方法相同，就不在這做詳細說明了。

總結

總結一下，其實主要思路就是在GlobalConfig中選擇使用哪一個圖片載入庫，然後將使用者的所用設定資訊儲存在SingleConfig中，然後在具體的Loader中去實現，本文使用的Glide，也可以增加FrescoLoader，只需要實現ILoader然後實現request()方法去通過DrawableTypeRequest設定就好了。

更多程式碼可以查詢本人GitHub：歡迎閱讀，star點起來。
Glide二次封裝庫原始碼

看一下效果哦：
這裡寫圖片描述

到這裡我們的封裝就結束了，就可以愉快的使用了，歡迎大家提出意見與建議。

使用

在gradle中新增如下配置

compile 'com.libin.imageloader:ImageLoader:1.0.3'

在Application中:

    ImageLoader.init(getApplicationContext());

為了防止oom,加入如下程式碼，清理記憶體：

    @Override
    public void onTrimMemory(int level) {
        super.onTrimMemory(level);

        ImageLoader.trimMemory(level);
    }

    @Override
    public void onLowMemory() {
        super.onLowMemory();

        ImageLoader.clearAllMemoryCaches();
    }

混淆

在proguard-rules中新增如下

-dontwarn okio.**

由於具體使用文章較長，具體如何使用詳細API介紹請移步本人下一篇部落格
Glide二次封裝庫的使用

更多程式碼可以查詢本人GitHub：歡迎閱讀，star點起來。
Glide二次封裝庫原始碼

掃碼關注公眾號“偉大程式猿的誕生“，更多幹貨等著你～
掃碼關注公眾號“偉大程式猿的誕生“，更多幹貨等著你～
掃碼關注公眾號“偉大程式猿的誕生“，更多幹貨等著你～

相關推薦

基於Glide的二次封裝

更多程式碼可以查詢本人GitHub：歡迎閱讀，star點起來。 Glide二次封裝庫原始碼 前言 為什麼選擇Glide？ Glide 輕量級 速度快 可以根據所需載入圖片的大小自動適配所需解析度的圖 支援多種格式圖片（靜

基於Senparc的二次封裝

cti art .exe agent lin article 發送數據 https gty 前段時間用Senparc做微信開發，但是個人感覺不太好用，所以我把Senparc的API用裝飾器模式進行二次封裝。 微信開發者平臺文檔地址：https://mp.weixin.qq.

android基於開源網絡框架asychhttpclient,二次封裝為通用網絡請求組件

定義 pen ntc ucc 編寫 stat ner href face 網絡請求是全部App都不可缺少的功能,假設每次開發都重寫一次網絡請求或者將曾經的代碼拷貝到新的App中,不是非常合理,出於此目的,我希望將整個網絡請求框架獨立出來,與業務邏輯分隔開,這

cobbler配置要基於PXE 環境，cobbler是pxe環境的二次封裝

host 鏡像 function 檢查 sel pen random media sed 一：安裝cobbler、httpd yum install -y cobbler httpd 二：啟動cobbler、httpd systemctl start cobblerd.s

基於element-ui的多選下拉框和tag標簽的二次封裝

line ron click opacity ext width 顯示 模塊 scss 前言： 今年這大半年我主要負責公司的後臺教務管理的開發，這個管理系統目前主要是給公司的內部人員去配置公司的核心項目（例如：熊貓小課）的所有數據，例如課程的配置、課程期數的配置、課程版本

python+selenium十：selenium的二次封裝 python+selenium十：基於原生selenium的二次封裝

python+selenium十：基於原生selenium的二次封裝   from selenium import webdriverfrom selenium.webdriver.support.wait import WebDriverWaitfrom selenium.

axios基於常見業務場景的二次封裝

axios axios 是一個基於 promise 的 HTTP 庫，可以用在瀏覽器和 node.js 中。在前端框架中的應用也是特別廣泛，不管是vue還是react，都有很多專案用axios作為網路請求庫。我在最近的幾個專案中都有使用axios，並基於axios根

借鑑Glide思想二次封裝Fresco

最近封裝了個 Fresco 的元件庫：DFresco，就順便來講講。 背景 Fresco 圖片庫很強大，我們專案中就是使用的 Fresco，但有一點就是，不怎麼好使用，略麻煩。不同專案中，多多少少都需要對 Fresco 進行一層封裝才能在 ui 裡快速使用。 這就導致了，不同專案都根據自己的業務需求場景來進行

基於AFNetworking3.X的二次封裝及拓展

AFN3.X其實已經很封裝的很好了，但是做專案的時候，總是有情況需要對網路統一處理，比如說快取策略、重複請求管理功能，這些AFN3.1都沒有提供直接的方法；比如每次請求回來，都有可能存在異常，我們肯定不能在每個請求裡都加判斷，所以就基於AFNetworking之

對jquery中的$.ajax二次封裝 從而多次調用 今天一整天都在想這個事情

send attribute 面試官 clas display str kit || enc 當然了 我封裝的是$.ajax 可以傳參數 多次調用請求接口 為啥我們這地方不註重前端呢 我都不知道為啥去堅持 不說了 上代碼 js文件 $ajax.js $(fun

retrofit+RXjava二次封裝

static turn mobile 管理 aso ren pre rgb .sh 接入說明：項目中已集成RXjava，RXandroid。Retrofit，為避免包沖突，不須要再次接入。就可以直接使用RXjava，Retrofit的所有api.

二次封裝CoreData

是否 ken 位置 app gpa rec -m ctc param （1）創建一個Data Model文件。命名為MyModel.xcdatamodeld （2）創建Users表，加入如圖的字段 （3）創建NSManagedObject subclass表實體

webdriver+expected_conditions二次封裝

timeout out 函數 fin 方式 quit exists self. sts 結合這兩種方法對代碼做二次封裝，可以提升腳本性能 例： #coding:utf-8#封裝元素方法from selenium import webdriverfrom selenium.w

vue項目中對axios的二次封裝

出現 公司 數據 spa adding export ring mes style 近來在使用vue重構公司m站時，使用了axios來進行數據的請求，由於項目的需要，對axios進行了二次封裝，點擊進入axios //引入axios import axios

二次封裝函數（2）

rgs using 返回 技術分享 PE family his RR class 題目描述 實現函數 partialUsingArguments，調用之後滿足如下條件： 1、返回一個函數 result 2、調用 result 之後，返回的結果與調用函數 fn 的結果一致

Selenium2+python自動化63-二次封裝（click/send_kesy）

自動 nbsp 自動化 cep hat cond ati 但是 分享 我們學了顯示等待後，就不需要sleep了，然後查找元素方法用參數化去定位，這樣定位方法更靈活了，但是這樣寫起來代碼會很長了，於是問題來了，總不能每次定位一個元素都要寫一大堆代碼吧？這時候就要學會封裝啦 一

Selenium二次封裝-Python版本

chain smi acc idt 內容 targeting iss handle posit 1 from selenium import webdriver 2 from selenium.webdriver.support.wait import WebDr

Swashbuckle.AspNetCore3.0的二次封裝與使用

man 基本 foreach esc 支持多語言 主題 enc get -s 關於 Swashbuckle.AspNetCore3.0 一個使用 ASP.NET Core 構建的 API 的 Swagger 工具。直接從您的路線，控制器和模型生成漂亮的 API 文檔，包括

將Java中的陣列進行二次封裝成屬於我們自己的陣列

我們來簡略回顧一下Java陣列的基礎概念： 陣列最大的優點是可以快速查詢，因為陣列直接通過索引查詢很快：array[2]。其資料結構是簡單的線性序列，這使得元素訪問非常快速，並且按照索引遍歷陣列方便 陣列最好應用於“索引有語意”的情況 但並非所有有語意的索引都適用於陣列，例如索引是×××號這種

3、對selenium常用方法進行二次封裝

在basepage.java中對selenium常用方法進行封裝，後續頁面元素封裝都繼承該類。 重點見紅框，建構函式需要傳入一個driver，這是為了保證寫指令碼時所使用的是同一個driver 程式碼如下： package framework;import org.openqa.sel