Glide-圖片縮放、調(diào)整(Image Resizing & Scaling)

寫在前面:這篇文章原著是Norman Peitek,所有著作權(quán)歸原作者所有俯萎,我只是在學(xué)習(xí)Glide的時(shí)候看到有間書的作者 weiyf 寫了雙語的翻譯凉袱,覺得非常好,但是作者只寫了幾篇侦铜,估計(jì)是比較忙吧专甩。于是我就去看原博了,發(fā)現(xiàn)原博的英文也不會很難懂钉稍,這里只是方便學(xué)習(xí)做了翻譯(順便學(xué)英語(逃)涤躲,建議英文基礎(chǔ)還可以的同學(xué)直接看原文:https://futurestud.io/tutorials/glide-image-resizing-scaling

前幾篇傳送門:

原文傳送門:


正文:

在上一篇博文里,你學(xué)習(xí)了如何從不同的源加載圖片并且設(shè)置不同的占位符贡未。如果你還不會在加載的時(shí)候調(diào)整和裁剪圖片种樱,那么本周的博文就很重要啦!

用resize(x,y)設(shè)置圖片大小

通常來說俊卤,如果你的服務(wù)器或者API能為你提供你需要的尺寸的圖片嫩挤,那么是最好的。因?yàn)檫@需要在帶寬消恍、內(nèi)存消耗岂昭、圖片質(zhì)量之前做一個(gè)平衡。
與Picasso相比狠怨,Glide在內(nèi)存消耗上更高效约啊、更智能邑遏。Glide會根據(jù)所剩的內(nèi)存和ImageView的大小自動限制圖片的尺寸。Picasso也有相似的特性恰矩,但是它需要手動調(diào)用.fit()记盒,對于Glide而言,如果某些圖片不應(yīng)該被自動調(diào)整外傅,那么執(zhí)行override(horizontalSize, verticalSize)纪吮,那么這個(gè)圖片會在顯示到ImageView之前被調(diào)整為需要的尺寸。

Glide  
    .with(context)
    .load(UsageExampleListViewAdapter.eatFoodyImages[0])
    .override(600, 200) //按照這個(gè)像素栏豺,調(diào)整圖片的尺寸彬碱,不保持長寬比例
    .into(imageViewResize);

這對于某些情況是挺實(shí)用的:當(dāng)你要加載圖片到未知尺寸的View上時(shí);比如奥洼,如果app想要在啟動頁面加載緩存(原文:if the app wants to warm up the cache in the splash screen( warm up the cache不知道啥意思(逃)巷疼,此時(shí)還不能測量ImageView的尺寸。然而灵奖,如果你已經(jīng)知道圖片需要多大的尺寸嚼沿,那么使用override可以得到特定大小的圖片。

圖片裁剪

現(xiàn)在瓷患,因?yàn)槿魏螌D片的處理骡尽、調(diào)整都會導(dǎo)致圖片的比例扭曲從而圖片看起來很丑。在大部分應(yīng)用場景下擅编,你都希望避免這種情況的發(fā)生攀细。Glide提供了一些常用的變換來改變圖片的顯示。它附帶了兩個(gè)基本選項(xiàng): centerCrop和fitCenter爱态。

CenterCrop

CenterCrop() 是一種“去除多余”的裁剪方式谭贪,它會把ImageView邊界以外的部分裁剪掉。這樣一來ImageView會被填充滿锦担,但是這張圖片可能不會完整地顯示出來(ps:因?yàn)槌霾糠侄急徊眉舻袅?俭识。

Glide  
    .with(context)
    .load(UsageExampleListViewAdapter.eatFoodyImages[0])
    .override(600, 200) // resizes the image to these dimensions (in pixel)
    .centerCrop() // this cropping technique scales the image so that it fills the requested bounds and then crops the extra.
    .into(imageViewResizeCenterCrop);

FitCenter

FitCenter() 是一種“中心匹配”的方式裁剪方式,它裁剪出來的圖片長寬都會小于等于ImageView的大小洞渔,這樣一來套媚。圖片會完整地顯示出來,但是ImageView可能并沒有被填充滿磁椒。

Glide  
    .with(context)
    .load(UsageExampleListViewAdapter.eatFoodyImages[0])
    .override(600, 200)
    .fitCenter() 
    .into(imageViewResizeFitCenter);

在后面的文章里堤瘤,我們將會提到除了CenterCrop和FitCenter以外,其他一些自定義的變換衷快。

展望

在這篇文章里宙橱,學(xué)習(xí)了如何調(diào)整圖片顯示的尺寸。這對于設(shè)計(jì)一款優(yōu)秀的app是非常有用的。在我們學(xué)習(xí)Glide更多高級應(yīng)用之前师郑,我們再多講一個(gè)Glide特有的功能:顯示Gif圖片和視頻环葵。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市宝冕,隨后出現(xiàn)的幾起案子张遭,更是在濱河造成了極大的恐慌,老刑警劉巖地梨,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件菊卷,死亡現(xiàn)場離奇詭異,居然都是意外死亡宝剖,警方通過查閱死者的電腦和手機(jī)洁闰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來万细,“玉大人扑眉,你說我怎么就攤上這事±党” “怎么了腰素?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長雪营。 經(jīng)常有香客問我弓千,道長,這世上最難降的妖魔是什么献起? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任洋访,我火速辦了婚禮,結(jié)果婚禮上谴餐,老公的妹妹穿的比我還像新娘捌显。我一直安慰自己,他們只是感情好总寒,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著理肺,像睡著了一般摄闸。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上妹萨,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天年枕,我揣著相機(jī)與錄音,去河邊找鬼乎完。 笑死熏兄,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播摩桶,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼桥状,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了硝清?” 一聲冷哼從身側(cè)響起辅斟,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎芦拿,沒想到半個(gè)月后士飒,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蔗崎,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年酵幕,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片缓苛。...
    茶點(diǎn)故事閱讀 40,040評論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡芳撒,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出他嫡,到底是詐尸還是另有隱情番官,我是刑警寧澤,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布钢属,位于F島的核電站徘熔,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏淆党。R本人自食惡果不足惜酷师,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望染乌。 院中可真熱鬧山孔,春花似錦、人聲如沸荷憋。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽勒庄。三九已至串前,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間实蔽,已是汗流浹背荡碾。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留局装,地道東北人坛吁。 一個(gè)月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓劳殖,卻偏偏與公主長得像,于是被迫代替她去往敵國和親拨脉。 傳聞我的和親對象是個(gè)殘疾皇子哆姻,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評論 2 355

推薦閱讀更多精彩內(nèi)容