2. 程式人生 > >android圖片載入庫Glide4使用教程（專案中如何快速將Glide3替換成Glide4）

android圖片載入庫Glide4使用教程（專案中如何快速將Glide3替換成Glide4）

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

我想大多數人在自己的專案中還是使用Glide3.7.1這個版本吧！不過Glide版本現在已經到4.4.0了！

當我們把Glide3更換成Glide4，會發現大部分地方都報錯了，那麼該怎樣快速替換Glide3為Glide4呢？

下面我們一起來看看怎樣實現Glide3到Glide4的快速替換。

Glide4的基本用法：

  • 引入Glide
  implementation 'com.github.bumptech.glide:glide:4.4.0'
    annotationProcessor 'com.github.bumptech.glide:compiler:4.4.0'

compiler:包含各種註解的使用，Glide3快速替換成Glide4時要用到。

  • 新增網路許可權
<uses-permission android:name="android.permission.INTERNET" />

在這個地方可能你的專案會報個錯：java.lang.NoSuchMethodError

這是因為Glide4中已經引入了appcompat-v7包，版本不一致引起。

解決方法：

Glide4.4.0引入的是27.0.2版本，所以把你專案中的appcompat-v7更換為:

 implementation 'com.android.support:appcompat-v7:27.0.2'
  • 普通載入圖片
 Glide.with
 
(this.getApplicationContext())
                        .load(url)
                        .into(mImage);
  • 佔位圖和錯誤時顯示圖片
 RequestOptions options = new RequestOptions();
                options.placeholder(R.drawable.ic_launcher_background);
                options.error(R.mipmap.load_error);
                //禁用掉Glide的快取功能
                options.diskCacheStrategy
 
(DiskCacheStrategy.NONE);
                Glide.with(this.getApplicationContext())
                        .load(url)
                        .apply(options)
                        .into(mImage);

這裡就是Glide4和Glide3的最大不同，他將部分API功能封裝在RequestOptions 中，在通過apply方法，傳遞給Glide使用，這樣我們就可以很方便的在需要的地方可以進行不同的配置了，不用像Glide3一樣傳遞很多引數！

  • 指定圖片大小
RequestOptions options1 = new RequestOptions();
                //指定大小為200*100
                //options1.override(200, 100);
                //載入一張圖片的原始尺寸的圖片
                options1.override(Target.SIZE_ORIGINAL);
                Glide.with(this.getApplicationContext())
                        .load(url)
                        //請求給定係數的縮圖。如果縮圖比全尺寸圖先載入完，
                        // 就顯示縮圖，否則就不顯示。
                        // 係數sizeMultiplier必須在(0,1)之間，
                        // 可以遞迴呼叫該方法。
                        .thumbnail(0.1f)
                        .apply(options1)
                        .into(mImage);
  • 禁用記憶體快取&硬碟快取功能

 // DiskCacheStrategy.NONE： 表示不快取任何內容。
                // DiskCacheStrategy.DATA： 表示只快取原始圖片。
                // DiskCacheStrategy.RESOURCE： 表示只快取轉換過後的圖片。
                // DiskCacheStrategy.ALL ： 表示既快取原始圖片，也快取轉換過後的圖片。
                // DiskCacheStrategy.AUTOMATIC： 表示讓Glide根據圖片資源智慧地選擇使用哪一種快取策略（預設選項）。
                RequestOptions options2 = new RequestOptions()
                        //禁用記憶體快取
                        .skipMemoryCache(true)
                        //硬碟快取功能
                        .diskCacheStrategy(DiskCacheStrategy.NONE);
                Glide.with(this.getApplicationContext())
                        .load(url)
                        .apply(options2)
                        .into(mImage);
  • 指定載入格式GIF
  Glide.with(this.getApplicationContext())
                        .load("file:///android_asset/jdfw.gif")
                        .into(mImage);
  • 獲取gif第一幀
 /**
                 * 注意：在Glide 3中的語法是先load()再asBitmap()的，
                 *
                 * 而在Glide 4中是先asBitmap()再load()的
                 *
                 * 如果寫錯了順序就肯定會報錯了
                 */
                Glide.with(this.getApplicationContext())
                        //.asBitmap()//強制指定載入靜態圖片
                        //.asGif()//強制指定載入動態圖片
                        //.asFile()//強制指定檔案格式的載入
                        .asDrawable()//強制指定Drawable格式的載入
                        .load("file:///android_asset/jdfw.gif")
                        .into(mImage);
  • 回撥與監聽
 /**
     * 回撥與監聽
     */
    SimpleTarget<Drawable> simpleTarget = new SimpleTarget<Drawable>() {
        @Override
        public void onResourceReady(Drawable resource, Transition<? super Drawable> transition) {
            mImage.setImageDrawable(resource);
        }
    };
 Glide.with(this.getApplicationContext())
                        .load(url)
                        .into(simpleTarget);
  • 預載入後顯示
預載入

   Glide.with(this)
                        .load("https://unsplash.it/200/200?random&22")
                        .preload();

預載入後顯示

 Glide.with(this.getApplicationContext())
                        .load("https://unsplash.it/200/200?random&22")
                        .into(mImage);
  • submit()方法：類似Glide3中的downloadOnly
 new Thread(new Runnable() {
                    @Override
                    public void run() {
                        try {
                            final Context context = getApplicationContext();
                            FutureTarget<File> target = Glide.with(context)
                                    //.asDrawable()
                                    .asFile()
                                    .load(url)
                                    .submit();
                            //final Drawable drawable = target.get();
                            final File imageFile = target.get();
                            runOnUiThread(new Runnable() {
                                @Override
                                public void run() {
                                    mTextview.setText(imageFile.getPath());
                                }
                            });
                        } catch (Exception e) {
                            e.printStackTrace();
                        }
                    }
                }).start();
  • listener()方法
  Glide.with(this.getApplicationContext())
                        .load(url)
                        .listener(new RequestListener<Drawable>() {
                            @Override
                            public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<Drawable> target, boolean isFirstResource) {
                                mTextview.setText("載入失敗");
                                return false;
                            }

                            @Override
                            public boolean onResourceReady(Drawable resource, Object model, Target<Drawable> target, DataSource dataSource, boolean isFirstResource) {
                                mTextview.setText("載入成功");
                                return false;
                            }
                        })
                        .into(mImage);
  • 圖片變換(圓角等)
  RequestOptions options3 = new RequestOptions();
                //options3.centerCrop();
                // options3.fitCenter();
                options3.circleCrop();
                Glide.with(this.getApplicationContext())
                        .load("https://unsplash.it/200/200?random&55")
                        .apply(options3)
                        .into(mImage);

自定義模組

在Glide3中定義了自定義模組之後，還必須在AndroidManifest.xml檔案中去註冊它才能生效，而在Glide 4中是不需要的，因為@GlideModule這個註解已經能夠讓Glide識別到這個自定義模組了（記得Build -> Rebuild Project）！

package tsou.com.simple.glide4test.glidemodule;

import android.content.Context;

import com.bumptech.glide.Glide;
import com.bumptech.glide.GlideBuilder;
import com.bumptech.glide.Registry;
import com.bumptech.glide.annotation.GlideModule;
import com.bumptech.glide.load.DecodeFormat;
import com.bumptech.glide.load.engine.cache.ExternalPreferredCacheDiskCacheFactory;
import com.bumptech.glide.module.AppGlideModule;

/**
 * Created by Administrator on 2017/12/22 0022.
 * 在Glide3中需要在AndroidManifest.xml中配置
 * <p>
 * Glide4，只要有@GlideModule註解就好
 */
@GlideModule
public class MyAppGlideModule extends AppGlideModule {

    public static final int DISK_CACHE_SIZE = 500 * 1024 * 1024;
    public static final String DISK_CACHE_NAME = "huangxiaoguo";

    @Override
    public void applyOptions(Context context, GlideBuilder builder) {
        super.applyOptions(context, builder);
        /**
         將所有Glide載入的圖片快取到SD卡上,
         預設硬碟快取大小都是250M,這裡改為500
         * */
        //builder.setDiskCache(new ExternalCacheDiskCacheFactory(context));

        /**
         ExternalCacheDiskCacheFactory的預設快取路徑
         是在sdcard/Android/data/包名/cache/image_manager_disk_cache目錄當中
         */
        //builder.setDiskCache(new ExternalCacheDiskCacheFactory(context, DISK_CACHE_SIZE));

        /**
         * 更改快取最總資料夾名稱
         *
         * 是在sdcard/Android/data/包名/cache/DISK_CACHE_NAME目錄當中
         */
        //此方法在Glide4已過時
        // builder.setDiskCache(new ExternalCacheDiskCacheFactory(context, DISK_CACHE_NAME, DISK_CACHE_SIZE));
        builder.setDiskCache(new ExternalPreferredCacheDiskCacheFactory(context, DISK_CACHE_NAME, DISK_CACHE_SIZE));
        /**
         * Glide也能使用ARGB_8888的圖片格式
         * 雖然圖片質量變好了，但同時記憶體開銷也會明顯增大
         */
        builder.setDecodeFormat(DecodeFormat.PREFER_ARGB_8888);
    }

    @Override
    public void registerComponents(Context context, Glide glide, Registry registry) {
        super.registerComponents(context, glide, registry);
    }
}
  • 預設快取路徑

這裡寫圖片描述

  • 設定快取路徑為SD卡

這裡寫圖片描述

Glide3替換成Glide4(Generated API)

在自定義模組完成以後，就可以使用Glide的模式啦！請看：

//使用Generated API（類似Glide3用法）
                //使用GlideApp，首先確保你的程式碼中有一個自定義的模組，
                // 並且給它加上了@GlideModule註解，也就是自定義模組
                GlideApp.with(this.getApplicationContext())
                        .load(url)
                        .placeholder(R.drawable.ic_launcher_background)
                        .error(R.mipmap.load_error)
                        .skipMemoryCache(true)//清除快取
                        .diskCacheStrategy(DiskCacheStrategy.NONE)//表示既快取原始圖片，也快取轉換過後的圖片
                        .override(Target.SIZE_ORIGINAL)
                        .circleCrop()//切圓
                        .into(mImage);

把之前Glide替換成GlideApp，就可以使用Glide3的方式進行使用了！是不是很方便！

定製自己的API

定製自己的API需要藉助@GlideExtension和@GlideOption這兩個註解。建立一個我們自定義的擴充套件類

package tsou.com.simple.glide4test.glidemodule;

import com.bumptech.glide.annotation.GlideExtension;
import com.bumptech.glide.annotation.GlideOption;
import com.bumptech.glide.load.engine.DiskCacheStrategy;
import com.bumptech.glide.request.RequestOptions;

import tsou.com.simple.glide4test.R;

/**
 * Created by Administrator on 2017/12/25 0025.
 */
@GlideExtension
public class MyGlideExtension {
    /**
     * 將這個類的建構函式宣告成private，這是必須要求的寫法
     */
    private MyGlideExtension() {
    }

    @GlideOption
    public static void myGlideConfiguration(RequestOptions options) {
        //佔位圖
        options.placeholder(R.drawable.ic_launcher_background);
        //錯誤圖片
        options.error(R.mipmap.load_error);
        //表示只快取原始圖片
        options.diskCacheStrategy(DiskCacheStrategy.DATA);
        //切圓
        options.circleCrop();
        //...等等所有的屬性
    }
}

使用自定義API方式

 GlideApp.with(this.getApplicationContext())
                        .load(url)
                        .myGlideConfiguration()//自定義API
                        .into(mImage);

這樣，我們就可以直接使用自己的API了，同時所有的Glide配置都在MyGlideExtension 進行配置，方便專案中的同意修改！

到此Glide4的基本使用到此結束，希望對你有所幫助！
同時歡迎大家的指教，謝謝！

Glide4的使用方式雖然和Glide3不同，但是主要的功能卻和Glide3一樣，其他關於Glide4的功能在這裡沒有詳細給出，需要了解，請看：

相關推薦

android圖片載入庫Glide4使用教程（專案中如何快速將Glide3替換成Glide4）

我想大多數人在自己的專案中還是使用Glide3.7.1這個版本吧！不過Glide版本現在已經到4.4.0了！ 當我們把Glide3更換成Glide4，會發現大部分地方都報錯了，那麼該怎樣快速替換Glide3為Glide4呢？ 下面我們一起來看看怎樣實現Gli

FaceBook推出的Android圖片載入庫-Fresco

一次 人員 的人 java代碼 jpeg markdown 開發 改變 水平 歡迎關註ndroid-tech-frontier開源項目，定期翻譯國外Android優質的技術、開源庫、軟件架構設計、測試等文章 原文鏈接:Intro

Aandroid 圖片載入庫Glide 實戰（一），初始，載入進階到實踐

   原文： http://blog.csdn.net/sk719887916/article/details/39989293 skay初識Glide為何使用 Glide？ 有經驗的 Android 開發者可以跳過這節，但對於初學者來說，你可能會問自己為什麼你想要去用 Gl

Android圖片載入庫的理解

前言        這是“基礎自測”系列的第三篇文章，以Android開發需要熟悉的20個技術點為切入點，本篇重點講講Android中的ImageLoader這個庫的一些理解，在Android上最讓人頭疼是從網路中獲取圖片，顯示，回收，任何一個環節有問題都可能直接OOM，當需要載入大量的圖片的時

Android圖片載入庫的封裝實戰

重磅更新 || 2017-02-16 使用ImageLoaderUtil實現一個真正意義的圖集功能，持續完善和更新中 重要的東西貼三遍！ 2017-05-09 || 優化圓形圖片載入 更新demo 前言 圖片載

Android圖片載入庫—Fresco一個強大的圖片載入元件

介紹 Fresco支援Android2.3(API level 9)及其以上系統。 依賴 由於我用的是android studio所以這裡就只是說一下android studio下如何配置，在強大的gradle，只需要一句話搞定，gr

Android圖片載入庫：最全面解析Glide用法

前言 上文已經對當今Android主流的圖片載入庫進行了全面介紹 & 對比 如果你還沒閱讀，我建議你先移步這裡進行檢視 今天我們來學習一下其中一個Android主流的圖片載入庫的使用 - Glide 目錄 1. 簡

Android圖片載入庫Picasso和Glide

之前一直使用，沒有仔細的研究過框架，今天開始想對之前用的框架了解一下，後面打算研究一下原始碼。今天做了一個簡單的瞭解，對兩個框架進行對比。 先說說不同之處： 1.大小，Glide是Picasso的三倍左右 2.GIF圖，Glide支援載入GIF圖，

Android圖片載入庫三、Picasso

簡述： 由Square公司開源的一款圖片載入和快取的庫,不過Picasso不支援磁碟快取.也就是說如果想要做磁碟快取的話需要另外想辦法.(可以利用JakeWharton/DiskLruCache) 我們可以用一行程式碼Picasso.with(context).loa

Fresco-FaceBook推出的Android圖片載入庫

    在Android裝置上面，快速高效的顯示圖片是極為重要的。過去的幾年裡，我們在如何高效的儲存影象這方面遇到了很多問題。圖片太大，但是手機的記憶體卻很小。每一個畫素的R、G、B和alpha通道總共要佔用4byte的空間。如果手機的螢幕是480*800,那麼一張螢幕大

MyBatis專案實戰 快速將MySQL轉換成Oracle語句

一、前言 因專案需求，小編要將專案從mysql遷移到oracle中 ~ 之前已經完成 資料遷移 (https://zhengqing.blog.csdn.net/article/details/103694901) 現在將完成 基於MyBatis-Plus將專案中的MySQL語句全部轉換成Oracle語句 大

Android 流行的網路圖片載入庫 （概述）

關於 Fresco Facebook最近推出了一款用於Android應用中展示圖片的強大圖片庫Fresco，它能夠從網路、本地儲存和本地資源中載入圖片。而且，為了節省資料和CPU，它擁有三級快取。 Fresco 是一個強大的圖片載入元件。 Fresco 中設計有一個叫做 image pipeline

weex 載入三端(android ios web) 本地圖片 解決（專案中已實踐）

  本文講解內容為weex載入三端本地圖片，所寫解決方案均已驗證，使用sdk版本為0.18.0，其他版本不能保證可行。   weex載入圖片方式有三種，1.src直接引用base64編碼，2.載入網路圖片，3.載入本地圖片（三端分別放在專案目錄）。前兩種都是比較簡單直接，第三種相對初

Android Glide圖片載入庫的使用

簡介 Glide是 Google推薦的圖片載入庫,它可以支援來自url,Android資源,檔案,Uri中的圖片載入,同時還支援gif圖片的載入,以及各種圖片顯示前的bitmap處理(例如:圓角圖片,圓形圖片,高斯模糊,旋轉,灰度等等),快取處理,請求優先順序處理,動畫處理,縮圖處理,圖片大小自定義等等

（原創）詳解Glide圖片載入庫常用方法

Glide作為安卓開發常用的圖片載入庫，有許多實用而且強大的功能，那麼，今天就來總結一番，這次把比較常見的都寫出來，但並不是全部哦。 在介紹之前，先來說說什麼是Glide吧： 在泰國舉行的谷歌開發

Android與JavaWeb伺服器互動教程（3）-一個簡單的Android專案

1.前言 是時候該寫Android端了。。。 2.建立專案 3.匯入xUtils3框架 送上xUtil3框架的傳送門 附上jar包的下載地址： 百度雲 七牛雲 以及json的下載地址 七牛雲 百度雲 把jar包拷入libs

3分鐘全面瞭解Android主流圖片載入庫

前言 圖片載入在 Android開發專案中非常常見，為了降低開發週期和難度，我們經常會選用一些圖片載入的開源庫，而現在圖片載入開源庫越來越多，我們應該選用哪種呢？今天我就給大家分別介紹 & 對比現今主流的圖片載入框架。 目錄

Android-->Facebook圖片載入庫Fresco(愛它的理由)

在Android中,圖片載入框架很多,很多,很多…都是經典,爆款. Fresco 的 Image Pipeline 負責圖片的獲取和管理。圖片可以來自遠端伺服器，本地檔案，或者Content

Android Picasso圖片載入庫原始碼剖析

Picasso是一個優秀的輕量級網路圖片載入快取庫。花了兩天時間研讀了下的閱讀了下他的原始碼。做一下的剖析： Picasso的優點： 足夠輕量級:maven打包出來的jar只有130kb左右 二級快取策略，分別快取記憶體和磁碟空間 自動監控記憶體大小資

Android 強大的圖片載入庫Fresco，Fresco介紹

Fresco 中文版 v1.1 PDF下載： http://yaphet.ctfile.com/fs/9Ah147781160 Fresco介紹： Fresco是一個由facebook開源的強大的圖片顯示系統。Fresco考慮到了安卓中圖片載入的幾乎所有問題，可以載入來自網