1. 程式人生 > >Glide3升級到Glide4碰到的問題彙總以及部分程式碼修改

Glide3升級到Glide4碰到的問題彙總以及部分程式碼修改

版權宣告:本文為xing_star原創文章,轉載請註明出處!

本文同步自http://javaexception.com/archives/188

Glide.3x的版本是3.7.0,Glide4.x的版本是4.2.0

Glide3.x中最基礎的用法

Glide.with(getActivity()).load(url).into(imageView)

那麼在Glide4.x中,其實還是一樣的,最基本的用法不變

Glide.with(context).load(url).into(imageView)

但是稍微複雜一點的用法就有很大的差異了,接下來我們一一列舉。

 

接下來看一個稍微常規點的複雜用法

Glide.with(BaseApplication.getAppContext())
.load(url)
.placeholder(R.drawable.xxx)
.crossFade()
.into(imageView);

升級到Glide4後,更新為了

DrawableCrossFadeFactory drawableCrossFadeFactory = new DrawableCrossFadeFactory.Builder().setCrossFadeEnabled(true).build();
Glide.with(BaseApplication.getAppContext())
.load(url)
.apply(new RequestOptions().placeholder(R.drawable.xxx))
.transition(DrawableTransitionOptions.with(drawableCrossFadeFactory))
.into(imageView);

Glide3.x的鏈式呼叫,Glide4.x的用法還是比較繁瑣的

接下來記錄踩得第一個坑

 

Glide4.0後佔位圖和過渡動畫衝突 

在實際使用過程中發現升級到Glide4之後,展點陣圖跟過渡動畫存在衝突,最後找到解決辦法,Glide4載入url的程式碼調整為了

DrawableCrossFadeFactory drawableCrossFadeFactory = new DrawableCrossFadeFactory.Builder().setCrossFadeEnabled(true).build();
Glide.with(BaseApplication.getAppContext())
.load(url)
.apply(new RequestOptions().placeholder(R.drawable.xxx))
.transition(DrawableTransitionOptions.with(drawableCrossFadeFactory))
.into(imageView);

關鍵點在於
setCrossFadeEnabled(true)

 

淡入淡出動畫效果

 其實跟上面的一樣,Glide3.x中

Glide.with(BaseApplication.getAppContext())
.load(url)
.crossFade()
.placeholder(R.drawable.xxx)
.into(imageView);

用法是這樣的

到Glide4.x中

DrawableCrossFadeFactory drawableCrossFadeFactory = new DrawableCrossFadeFactory.Builder().setCrossFadeEnabled(true).build();
Glide.with(BaseApplication.getAppContext())
.load(url)
.transition(DrawableTransitionOptions.with(drawableCrossFadeFactory))
.apply(new RequestOptions().placeholder(R.drawable.post))
.into(imageView);

需要使用的是transition方法以及apply方法。apply方法裡面可以用來設定placeholder,errorr,centerCrop等方法。這個地方跟Glide3.x是不一樣的,用起來可能會覺得彆扭。

 

預載入問題

Glide3.x是

Glide.with(BaseApplication.getAppContext())
.load(url)
.diskCacheStrategy(DiskCacheStrategy.SOURCE);

升級到Glide4.x之後,有所調整,用的是preload方法

Glide.with(BaseApplication.getAppContext())
.load(url)
.preload();

自定義BitmapTransformation 

升級後有幾個方法發生了變更, 在我們自定義BitmapTransformation實現一些特定的圓角等需求中,Glide3.x中只需要實現getId方法, 而在Glide4.x中,需要重寫equals方法,以及hashCode方法,還有updateDiskCacheKey。
我們以GlideRoundTransform為例,看看兩個版本的細微差異:

Glide3.x的程式碼如下:

public class GlideRoundTransform extends BitmapTransformation {
 
    private static float radius = 0f;
 
    public GlideRoundTransform(Context context) {
        this(context, 4);
    }
 
    public GlideRoundTransform(Context context, int dp) {
        super(context);
        this.radius = DisplayUtils.dip2px(dp);
    }
 
    @Override
    protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
        return roundCrop(pool, toTransform);
    }
 
    private static Bitmap roundCrop(BitmapPool pool, Bitmap source) {
        if (source == null) return null;
 
        Bitmap result = pool.get(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);
        if (result == null) {
            result = Bitmap.createBitmap(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);
        }
 
        Canvas canvas = new Canvas(result);
        Paint paint = new Paint();
        paint.setShader(new BitmapShader(source, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));
        paint.setAntiAlias(true);
        RectF rectF = new RectF(0f, 0f, source.getWidth(), source.getHeight());
        canvas.drawRoundRect(rectF, radius, radius, paint);
        return result;
    }
 
    @Override
    public String getId() {
        return getClass().getName() + Math.round(radius);
    }
}

 

public class GlideRoundTransform extends BitmapTransformation {
 
    private static final String ID = "com.star.wall.glide.GlideRoundTransform";
 
    private float radius = 0f;
 
    public GlideRoundTransform(Context context) {
        this(context, 4);
    }
 
    public GlideRoundTransform(Context context, int dp) {
        super(context);
        this.radius = DisplayUtils.dip2px(dp);
    }
 
    @Override
    protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
        return roundCrop(pool, toTransform);
    }
 
    private Bitmap roundCrop(BitmapPool pool, Bitmap source) {
        if (source == null) return null;
 
        Bitmap result = pool.get(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);
        if (result == null) {
            result = Bitmap.createBitmap(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);
        }
 
        Canvas canvas = new Canvas(result);
        Paint paint = new Paint();
        paint.setShader(new BitmapShader(source, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));
        paint.setAntiAlias(true);
        RectF rectF = new RectF(0f, 0f, source.getWidth(), source.getHeight());
        canvas.drawRoundRect(rectF, radius, radius, paint);
        return result;
    }
 
    @Override
    public boolean equals(Object o) {
        if (o instanceof GlideRoundTransform) {
            GlideRoundTransform other = (GlideRoundTransform) o;
            return radius == other.radius;
        }
        return false;
    }
 
    @Override
    public int hashCode() {
        return (ID + "_" + radius).hashCode();
    }
 
    @Override
    public void updateDiskCacheKey(MessageDigest messageDigest) {
        messageDigest.update((ID + "_" + radius).getBytes());
    }
}

如果還有其他的自定義transform需求,可以參考上面的程式碼作為模板,進行調整。

 

對於只支援設定imageView.setImageDrawable方法的view

載入url的程式碼Glide3.x中是

Glide.with(this)
.load(url)
.into(new SimpleTarget<GlideDrawable>() {
@Override
public void onResourceReady(GlideDrawable resource, GlideAnimation<? super GlideDrawable> glideAnimation) {
stvInfo.setLeftIcon(resource);
}
});

Glide4.x中是

Glide.with(this)
.load(url)
.into(new SimpleTarget<Drawable>() {
@Override
public void onResourceReady(Drawable resource, Transition<? super Drawable> transition) {
stvInfo.setLeftIcon(resource);
}
});

這一塊的關鍵點是SimpleTarget,通過實現這個抽象類的特定方法,我們可以獲取到drawable,拿到了drawable就可以給imageView設定圖片源了,Glide3.x和Glide4.x的區別在於一個是GlideDrawable,一個是Drawable.

 

同步程式碼中,獲取bitmap

在Glide3.x中

Bitmap bitmap = Glide.with(BaseApplication.getAppContext())
.load(url).asBitmap()
.into(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL)
.get();

asBitmap後,呼叫get()方法,就能夠獲取到bitmap了,而在Glide4.x中,還得調整下程式碼。

Bitmap bitmap = Glide.with(BaseApplication.getAppContext()).asBitmap().load(url)
.apply(new RequestOptions().override(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL)).submit().get();

可以觀察下,這兩個差異還挺大的,Glide4.x裡面是先asBitmap,再load(url),還有就是通過submit().get()的方式獲取到bitmap

 

包含centerCrop,thumbnail,placeholder,error等常用方法的例子

Glide3中是

Glide.with(this)
        .load(url)
        .centerCrop()
        .thumbnail(0.1f)
        .placeholder(R.drawable.icon_pic_default)
        .error(R.drawable.icon_pic_default)
        .into(imageView);

而Glide4中是

Glide.with(this)
        .load(url)
        .apply(new RequestOptions().centerCrop().placeholder(R.drawable.icon_pic_default).error(R.drawable.icon_pic_default))
        .thumbnail(0.1f)
        .into(imageView);

未完待續。

 

補充資料:

Glide4.0後佔位圖和過渡動畫衝突解決方案 https://www.jianshu.com/p/28f5bcee409f

關於ImageView的幾個常見問題 http://javaexception.com/archives/173

Glide處理圓形ImageView http://javaexception.com/archives/182

如何使用Glide載入通知欄頭像url http://javaexception.com/archives/19

            
           

相關推薦

Glide3升級Glide4碰到的問題彙總以及部分程式碼修改

版權宣告:本文為xing_star原創文章,轉載請註明出處! 本文同步自http://javaexception.com/archives/188 Glide.3x的版本是3.7.0,Glide4.x的版本是4.2.0 Glide3.x中最基礎的用法 Glide.with(getActivity()).lo

自定義控制元件dialog的重要部分程式碼修改字型為例

int charactersize = (Integer)SpUtils.get(SettingActivity.this, "fontSize", -1); if (charactersize==1) { tv_textsizeshow.setText("小")

基於HtmlUnit實現簡單登入、頁面跳轉以及獲取有用資料部分程式碼示例(示例網站:大潤發)

首先,我們將要獲取的目標內容為商戶訂單查詢結果: 如下程式碼為登入模組程式碼(由於驗證碼解析這部分目前沒做,只能手動識別): /** * * @param username 使用者 * @param password

物件部分初始化:原理以及驗證程式碼(雙重檢查鎖與volatile相關)

# 物件部分初始化:原理以及驗證程式碼(雙重檢查鎖與volatile相關) 物件部分初始化被稱為 *[Partially initialized objects](https://wiki.sei.cmu.edu/confluence/display/java/TSM03-J.+Do+not+publish

centos7 安裝mysql5.6 以及部分優化

centos7 安裝mysqlhostnamectl set-hostname mysql [[email protected]/* */ ~]# rpm -qa mariadb* mariadb-libs-5.5.44-2.el7.centos.x86_64 [[email p

python的set,和字典的詳細使用方法,以及部分習題

作用域 整數 數組 set集合 b- 之前 and 每次 bytes 字符串 一個個字符組成的有序的序列,時字符的集合 使用單引,雙引,三引 引住的字符序列 字符時不可變的對象 bytes定義 bytes不可變字節序列 使用b前綴定義 只允許基本ASCII使用字符形式

maven跳過單元測試-maven.test.skip和skipTests的區別以及部分常用命令

outside sets val itl open plain clas att 本地 -DskipTests,不執行測試用例,但編譯測試用例類生成相應的class文件至target/test-classes下。-Dmaven.test.sk

[UWP開發] 在低版本中使用亞克力刷以及部分高版本控件

aml ati alt them 高版本 方法 簡單 span 代碼 寫於2018.10.3 僅在我的PC(17763)和WP(Limia 950 XL 15254)上測試過 微軟在build 16299中引入了亞克力刷,但是Win10m並沒有活那麽久,lumia手機在此之

部分程式碼4

#!/usr/bin/env python #-- coding:utf-8 -- #author: Enoch time:2018/10/30 0030 import re import time from collections import Counter ##########

部分程式碼3

原文連結 #!/usr/bin/env python #-*- coding:utf-8 -*- #author: Enoch time:2018/10/30 0030 import re import time from collections import Counter impo

部分程式碼2

原文連結https://blog.csdn.net/qq_36097393/article/details/83574269 import re import time from collections import Counter t0 = time.clock() #!/usr/

部分程式碼1

原文的一部分原文 #!/usr/bin/env python #-*- coding:utf-8 -*- #author: Enoch time:2018/10/30 0030 import re import time from collections import Counter

centos7升級核心和驅動以及安裝ceph

sed -i ‘s/SELINUX=enforcing/SELINUX=disabled/’ /etc/selinux/config systemctl stop firewalld systemctl disable firewalld export http_proxy=http://.

RocksDB Persistent Read Cache部分程式碼分析

【github Wiki搜尋Persistent Read cache詳細描述】 第二種優勢:直接拿走不影響使用   設計時不考慮針對某種裝置 三個主要部分: Block Lookup Index:maps a given LSM block address to a cac

CTF-web 第三部分 程式碼審計

http://www.mxcz.net/tools/rot13.aspx rot-13加密解密 http://www.zjslove.com/3.decode/ 凱撒 當鋪 倒敘 維吉尼亞密碼 實際上就是閱讀有關的校驗程式碼,人為構造特殊的輸入或者引數才能拿到flag。需要了解一般的變數

bootstrap-table的合併單元格以及部分回掉函式

---------------------  作者:導哥  來源:CSDN  原文:https://blog.csdn.net/jingtianyiyi/article/details/76208880  版權宣告:本文為博主原創文章,轉載請附上博文連結!

全面詳細的微信支付思路流程以及專案程式碼分享

之前一直沒有接觸微信支付這方面的業務,現在因專案需要,需要用到此功能,開始各種百度,稍微瞭解了一下,微信支付分為: 支付寶支付、APP支付、掃碼支付,但是對於H5支付和支付寶支付現在還是沒有徹底搞明白他兩的區別,希望大佬們可以稍微提點一二,小弟先在此謝過! 大體思路如下: 1】.獲取co

flume常見異常彙總以及解決方案

                       flume常見異常彙總以及解決方案                                            作者:尹正傑 版權宣告:原創作品,謝絕轉載!否則將追究法律責任。       實際生產環境

set集合,深淺拷貝以及部分知識點補充

目錄:   1.基礎資料型別補充   2.set集合   3.深淺拷貝 一,基礎資料型別補充   字串的基本操作 li = ["李李嘉誠", "麻花藤", "⻩黃海海峰", "劉嘉玲"] s = "_".join(li) print(s) li = "⻩黃花⼤大閨⼥女女" s =

關於cordova打包vue寫的web-app時容易出現白屏以及部分BUG不能測出的問題

打包成apk說明 vue檔案修改 index.html 中必須新增<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.