一 Glide的基本用法:
聲明:本文是基于郭霖大神的CSDNAndroid圖片加載框架最全解析(一)践瓷,Glide的基本用法博客學(xué)習(xí),自己總結(jié)梅肤,方便后續(xù)學(xué)習(xí)使用豹休,原文鏈接戳此處郭霖大神CSDN
1.1添加依賴
目前,Glide最新的穩(wěn)定版本是3.7.0;在app/build.gradle文件當(dāng)中添加如下依賴
dependencies {
compile 'com.github.bumptech.glide:glide:3.7.0'
}
Glide中加載網(wǎng)絡(luò)圖片需要用到網(wǎng)絡(luò)功能,因此你還得在AndroidManifest.xml中聲明一下網(wǎng)絡(luò)權(quán)限才行:
<uses-permission android:name="android.permission.INTERNET" />
二 基本使用
先看下效果圖:簡(jiǎn)單的加載一張圖片
2.1 xml中布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.aliang.glidedemo.MainActivity">
<ImageView
android:layout_width="match_parent"
android:layout_height="240dp"
android:src="@mipmap/ic_launcher"
android:id="@+id/image"/>
</LinearLayout>
2.2 找到控件,設(shè)置圖片
ImageView img = (ImageView) findViewById(R.id.image);
Glide.with(this)
.load(R.drawable.meinv)
.into(img);
一張本地的圖片已經(jīng)被成功加載筑舅,并且展示到ImageView上了
分析:調(diào)用Glide.with()方法用于創(chuàng)建一個(gè)加載圖片的實(shí)例。with()方法可以接受Context,Activity,Fragment,類型的參數(shù)陨舱。我們選擇的范圍非常廣翠拣,不管是在Activity還是Fragment中調(diào)用with()方法,都可以直接傳this游盲。如果調(diào)用的地方既不在Activity或者Fragment,我們可以獲取當(dāng)前應(yīng)用程序的ApplicationContext误墓,傳入到with()方法當(dāng)中。
注意
with()方法中傳入的實(shí)例會(huì)決定Glide加載圖片的生命周期益缎,如果傳入的是Activity或者Fragment的實(shí)例谜慌,那么當(dāng)這個(gè)Activity或Fragment被銷毀的時(shí)候,圖片加載也會(huì)停止莺奔。如果傳入的是ApplicationContext欣范,那么只有當(dāng)應(yīng)用程序被殺掉的時(shí)候,圖片加載才會(huì)停止令哟。
看下load()這個(gè)方法:
這個(gè)方法用于指定待加載的圖片資源恼琼。Glide支持加載各種各樣的圖片資源,包括網(wǎng)絡(luò)圖片屏富、本地圖片晴竞、應(yīng)用資源、二進(jìn)制流狠半、Uri對(duì)象等等噩死。因此load()方法也有很多個(gè)方法重載颤难,除了我們剛才使用的加載一個(gè)字符串網(wǎng)址之外,你還可以這樣使用load()方法:
// 加載本地圖片
File file = new File(getExternalCacheDir() + "/image.jpg");
Glide.with(this).load(file).into(imageView);
// 加載應(yīng)用資源
int resource = R.drawable.image;
Glide.with(this).load(resource).into(imageView);
// 加載二進(jìn)制流
byte[] image = getImageBytes();
Glide.with(this).load(image).into(imageView);
// 加載Uri對(duì)象
Uri imageUri = getImageUri();
Glide.with(this).load(imageUri).into(imageView);
最后看一下into()方法
這個(gè)方法就很簡(jiǎn)單了甜滨,我們希望讓圖片顯示在哪個(gè)ImageView上乐严,把這個(gè)ImageView的實(shí)例傳進(jìn)去就可以了。當(dāng)然衣摩,into()方法不僅僅是只能接收ImageView類型的參數(shù),還支持很多更豐富的用法捂敌。
Glide最基本的使用方式艾扮,其實(shí)就是關(guān)鍵的三步走:先with(),再load()占婉,最后into()泡嘴。
2.3 占位圖
占位圖就是指在圖片的加載過(guò)程中,我們先顯示一張臨時(shí)的圖片逆济,等圖片加載出來(lái)了再替換成要加載的圖片酌予。
圖片Url錯(cuò)誤時(shí),顯示占位圖(只是為了顯示占位圖)
ImageView img = (ImageView) findViewById(R.id.img);
Glide.with(this)
.load("wwww")
.placeholder(R.drawable.test)
.into(img);
}
修改代碼如下:
ImageView img = (ImageView) findViewById(R.id.img);
Glide.with(this)
.load(R.drawable.dog)
.placeholder(R.drawable.test)
.into(img);
成功后顯示load加載的圖片
就是這么簡(jiǎn)單。我們只是在剛才的三步走之間插入了一個(gè)placeholder()方法奖慌,然后將占位圖片的資源id傳入到這個(gè)方法中即可抛虫。另外,這個(gè)占位圖的用法其實(shí)也演示了Glide當(dāng)中絕大多數(shù)API的用法简僧,其實(shí)就是在load()和into()方法之間串接任意想添加的功能就可以了建椰。
當(dāng)然,這只是占位圖的一種岛马,除了這種加載占位圖之外棉姐,還有一種異常占位圖。異常占位圖就是指啦逆,如果因?yàn)槟承┊惓G闆r導(dǎo)致圖片加載失敗伞矩,比如說(shuō)手機(jī)網(wǎng)絡(luò)信號(hào)不好,這個(gè)時(shí)候就顯示這張異常占位圖夏志。
ImageView img = (ImageView) findViewById(R.id.img);
Glide.with(this)
.load("www")
.placeholder(R.drawable.test)
.error(R.drawable.error)
.into(img);
串接了一個(gè)error()方法就可以指定異常占位圖了乃坤。
顯示如下:
這樣我們就把Glide提供的占位圖功能都掌握了
2.4 指定圖片格式
Glide另外一個(gè)強(qiáng)大的功能,那就是Glide是支持加載GIF圖片的
Glide加載GIF圖并不需要編寫什么額外的代碼盲镶,Glide內(nèi)部會(huì)自動(dòng)判斷圖片格式侥袜。比如這是一張GIF圖片的URL地址:
http://p1.pstatp.com/large/166200019850062839d3
只需要將剛才那段加載圖片代碼中的URL地址替換成上面的地址就可以了,運(yùn)行后結(jié)果:
也就是說(shuō),不管我們傳入的是一張普通圖片溉贿,還是一張GIF圖片枫吧,Glide都會(huì)自動(dòng)進(jìn)行判斷,并且可以正確地把它解析并展示出來(lái)宇色。
指定圖片的格式該怎么辦呢九杂?就比如說(shuō)颁湖,我希望加載的這張圖必須是一張靜態(tài)圖片,我不需要Glide自動(dòng)幫我判斷它到底是靜圖還是GIF圖例隆。
想實(shí)現(xiàn)這個(gè)功能仍然非常簡(jiǎn)單甥捺,我們只需要再串接一個(gè)新的方法就可以了,如下所示:
Glide.with(this)
.load(R.drawable.dynamic)
.asBitmap()
.into(img);
在load()方法的后面加入了一個(gè)asBitmap()方法镀层,這個(gè)方法的意思就是說(shuō)這里只允許加載靜態(tài)圖片镰禾,不需要Glide去幫我們自動(dòng)進(jìn)行圖片格式的判斷了。
運(yùn)行程序唱逢,結(jié)果如下
調(diào)用了asBitmap()方法吴侦,現(xiàn)在GIF圖就無(wú)法正常播放了,而是會(huì)在界面上顯示第一幀的圖片坞古。
類似地备韧,我們能強(qiáng)制指定加載靜態(tài)圖片,就也能強(qiáng)制指定加載動(dòng)態(tài)圖片痪枫。比如說(shuō)我們想要實(shí)現(xiàn)必須加載動(dòng)態(tài)圖片的功能织堂,就可以這樣寫:
Glide.with(this)
.load(R.drawable.dynamic)
.asGif()
.into(img)
如果指定了只能加載動(dòng)態(tài)圖片,而傳入的圖片卻是一張靜圖的話奶陈,那么結(jié)果自然就只有加載失敗.