圖文講解Android的ImageView類中的ScaleType屬性設(shè)置
ScaleType設(shè)置圖解
圖文相配很清晰的看出每個(gè)屬性的效果,
感覺 CENTER_CROP 比較有用,長寬自動(dòng)適應(yīng) ImageView ,整個(gè)圖片自動(dòng)縮略填充整個(gè)區(qū)域且居中顯示(高寬不一定是view的尺寸),以前用JS在網(wǎng)頁上實(shí)現(xiàn)的,在
android上一開始還在想要用java來自己實(shí)現(xiàn)這個(gè)效果太麻煩了,沒想到系統(tǒng)自帶方便多了
ImageView的Scaletype決定了圖片在View上顯示時(shí)的樣子,如進(jìn)行何種比例的縮放,及顯示圖片的整體還是部分,等等。
設(shè)置的方式包括:
1. 在layout xml中定義android:scaleType="CENTER"
2. 或在代碼中調(diào)用imageView.setScaleType(ImageView.ScaleType.CENTER);
接下來,將對(duì)ScaleType的值和對(duì)應(yīng)的顯示效果用最直觀的方式——真圖演示的方法,來進(jìn)行說明。
首先,是測試使用的原始圖片:

(Dimensions: 128 * 128)

(Dimensions: 640 * 428)
好,開始下面的測試:
1.
SetScaleType(ImageView.ScaleType.CENTER);
按圖片的原來size居中顯示,當(dāng)圖片長/寬超過View的長/寬,則截取圖片的居中部分顯示


2.
SetScaleType(ImageView.ScaleType.CENTER_CROP);
按比例擴(kuò)大圖片的size居中顯示,使得圖片長(寬)等于或大于View的長(寬)


3.
setScaleType(ImageView.ScaleType.CENTER_INSIDE);
將圖片的內(nèi)容完整居中顯示,通過按比例縮小或原來的size使得圖片長/寬等于或小于View的長/寬


4.
setScaleType(ImageView.ScaleType.FIT_CENTER);
把圖片按比例擴(kuò)大/縮小到View的寬度,居中顯示


5. FIT_START, FIT_END在圖片縮放效果上與FIT_CENTER一樣,只是顯示的位置不同,F(xiàn)IT_START是置于頂部,F(xiàn)IT_CENTER居中,F(xiàn)IT_END置于底部。
在此就不給出示例了。
6. FIT_XY
不按比例縮放圖片,目標(biāo)是把圖片塞滿整個(gè)View。


實(shí)現(xiàn)圖片寬度100%ImageView寬度且高度按比例自動(dòng)伸縮
在ListView中為了實(shí)現(xiàn)圖片寬度100%適應(yīng)ImageView容器寬度,讓高度自動(dòng)按比例伸縮功能,查了很多資料,搞了一下午都沒找出個(gè)現(xiàn)成的辦法,不過貌似有個(gè)結(jié)論了,就是:
Android自身不能實(shí)現(xiàn)這樣的效果,只有自己動(dòng)手豐衣足食
使用scaleType 屬性,設(shè)置圖片在 view 中的縮放方式,本來以為 fit_center 可以實(shí)現(xiàn),結(jié)果很無語,莫名其妙,沒能實(shí)現(xiàn)寬度貼合容器寬度,兩側(cè)都是空白區(qū)域。
解決方法:
1. 還是要利用 scaleType 的 center_crop 效果,讓圖片能始終按比例填充容器,不留空白區(qū)域。
2. 剩下最主要的功能就是動(dòng)態(tài)設(shè)置 ImageView 容器的高度了,這樣讓圖片能盡可能的完整展現(xiàn)出來,而且還可以實(shí)現(xiàn) maxHeight 的效果,如果圖片高度比例過大不至于把列表拉的太長。
int maxHeight = ZUI.dp2px(mContext, 300); int height = (int) ((float) view.getWidth()/drawable.getMinimumWidth() * drawable.getMinimumHeight()); if (height > maxHeight) height = maxHeight; view.setLayoutParams(new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT, height));
其中 view 即 ImageView 圖片視圖容器對(duì)象,drawable 就是要顯示的圖片資源。
drawable.getMinimumWidth() 和 drawable.getMinimumHeight() 是獲取圖片在屏幕上的可視高度寬度,不一定是圖片的原始高寬度,跟屏幕的像素密度有關(guān),大概就是這樣子的吧。注意要用浮點(diǎn)數(shù)值類型,不然可能取整變成 1 的倍數(shù)了。
將 dp 值轉(zhuǎn)為像素值,因?yàn)?java 代碼中操作的高寬都是像素值,而樣式中都是用 dip 來兼容屏幕的
public static int dp2px(Context context, int dp)
{
float scale = context.getResources().getDisplayMetrics().density;
return (int) (dp * scale + 0.5f);
}
ok 大概就是這樣搞定了,順便弄個(gè)測試結(jié)果圖

其實(shí) center_crop 可以簡單的實(shí)現(xiàn)該功能的,但是他不會(huì)自動(dòng)擴(kuò)展高度,他應(yīng)該用的是圖片的可視高度為容器高度然后再進(jìn)行容器覆蓋顯示,也就是說容器高度不會(huì)按比例增大,導(dǎo)致圖片幾乎只顯示一半不到的樣子,如果圖片比較小,那幾乎沒辦法用了,還是必須要?jiǎng)討B(tài)調(diào)整,如果圖片尺寸比較大,特別是高度合適的話就可以直接用的
相關(guān)文章
java,Android:在eclipse中的快捷鍵(經(jīng)典收藏)
下面的快捷鍵是常用的,本人就本身喜好且常用的收拾一下,現(xiàn)在曬出來與大家分享,感興趣的朋友可以了解小哦2013-01-01
android初學(xué)者必須掌握的Activity狀態(tài)的四大知識(shí)點(diǎn)(必讀)
本篇文章主要介紹了android activity的四種狀態(tài),詳細(xì)的介紹了四種狀態(tài),包括Running狀態(tài)、Paused狀態(tài)、Stopped狀態(tài)、Killed狀態(tài),有興趣的可以了解一下。2016-11-11
Android Retrofit2數(shù)據(jù)解析代碼解析
這篇文章主要介紹了Android Retrofit2數(shù)據(jù)解析代碼解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-12-12
android將Bitmap對(duì)象保存到SD卡中的方法
這篇文章主要介紹了android將Bitmap對(duì)象保存到SD卡中的方法,涉及Android讀寫SD卡數(shù)據(jù)的方法,需要的朋友可以參考下2015-04-04
Android實(shí)現(xiàn)SwipeRefreshLayout首次進(jìn)入自動(dòng)刷新
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)SwipeRefreshLayout首次進(jìn)入自動(dòng)刷新,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01
Android便攜式熱點(diǎn)的開啟狀態(tài)檢測和SSID的獲取方法
WIFI熱點(diǎn)的開啟狀態(tài)和開啟后的SSID如何獲取呢?接下來通過本文給大家分享Android便攜式熱點(diǎn)的開啟狀態(tài)檢測和SSID的獲取方法,需要的朋友參考下吧2017-01-01
Android 8.0升級(jí)不跳轉(zhuǎn)應(yīng)用安裝頁面的解決方法
這篇文章主要為大家詳細(xì)介紹了Android 8.0升級(jí)不跳轉(zhuǎn)應(yīng)用安裝頁面的解決方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-06-06
Android仿微博個(gè)人詳情頁滾動(dòng)到頂部的實(shí)例代碼
這篇文章主要介紹了Android仿微博個(gè)人詳情頁滾動(dòng)到頂部的實(shí)例代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒家,需要的朋友可以參考下2019-05-05

