圖文講解Android的ImageView類中的ScaleType屬性設定_Android

ScaleType設定圖解
圖文相配很清晰的看出每個屬性的效果，
感覺 CENTER_CROP 比較有用，長寬自動適應 ImageView ，整個圖片自動縮減填充整個地區且置中顯示（高寬不一定是view的尺寸），以前用JS在網頁上實現的，在
android上一開始還在想要用java來自己實現這個效果太麻煩了，沒想到系統內建方便多了

ImageView的Scaletype決定了圖片在View上顯示時的樣子，如進行何種比例的縮放，及顯示圖片的整體還是部分，等等。
設定的方式包括：
1. 在layout xml中定義android:scaleType="CENTER"
2. 或在代碼中調用imageView.setScaleType(ImageView.ScaleType.CENTER);

接下來，將對ScaleType的值和對應的顯示效果用最直觀的方式——真圖示範的方法，來進行說明。

首先，是測試使用的原始圖片：

（Dimensions: 128 * 128）

(Dimensions: 640 * 428)
好，開始下面的測試：
1.

SetScaleType(ImageView.ScaleType.CENTER);

按圖片的原來size置中顯示，當圖片長/寬超過View的長/寬，則截取圖片的置中部分顯示

2.

SetScaleType(ImageView.ScaleType.CENTER_CROP);

按比例擴大圖片的size置中顯示，使得圖片長(寬)等於或大於View的長(寬)

3.

setScaleType(ImageView.ScaleType.CENTER_INSIDE);

將圖片的內容完整置中顯示，通過按比例縮小或原來的size使得圖片長/寬等於或小於View的長/寬

4.

setScaleType(ImageView.ScaleType.FIT_CENTER);

把圖片按比例擴大/縮小到View的寬度，置中顯示

5. FIT_START, FIT_END在圖片縮放效果上與FIT_CENTER一樣，只是顯示的位置不同，FIT_START是置於頂部，FIT_CENTER置中，FIT_END置於底部。
在此就不給出樣本了。
6. FIT_XY
不按比例縮放圖片，目標是把圖片塞滿整個View。

實現圖片寬度100%ImageView寬度且高度按比例自動調整
在ListView中為了實現圖片寬度100%適應ImageView容器寬度，讓高度自動按比例伸縮功能，查了很多資料，搞了一下午都沒找出個現成的辦法，不過貌似有個結論了，就是：
Android自身不能實現這樣的效果，只有自己動手豐衣足食
使用scaleType 屬性，設定圖片在 view 中的縮放方式，本來以為 fit_center 可以實現，結果很無語，莫名其妙，沒能實現寬度貼合容器寬度，兩側都是空白地區。
解決方案：
1.  還是要利用 scaleType 的  center_crop 效果，讓圖片能始終按比例填充容器，不留空白地區。
2.  剩下最主要的功能就是動態設定 ImageView 容器的高度了，這樣讓圖片能儘可能的完整展現出來，而且還可以實現 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 圖片視圖容器物件，drawable 就是要顯示的圖片資源。
drawable.getMinimumWidth()  和 drawable.getMinimumHeight() 是擷取圖片在螢幕上的可視高度寬度，不一定是圖片的原始高寬度，跟螢幕的像素密度有關，大概就是這樣子的吧。注意要用浮點數實值型別，不然可能取整變成 1 的倍數了。

將 dp 值轉為像素值，因為 java 代碼中操作的高寬都是像素值，而樣式中都是用 dip 來相容螢幕的

public static int dp2px(Context context, int dp) {   float scale = context.getResources().getDisplayMetrics().density;   return (int) (dp * scale + 0.5f); } 

ok 大概就是這樣搞定了，順便弄個測試結果圖

其實 center_crop  可以簡單的實現該功能的，但是他不會自動擴充高度，他應該用的是圖片的可視高度為容器高度然後再進行容器覆蓋顯示，也就是說容器高度不會按比例增大，導致圖片幾乎只顯示一半不到的樣子，如果圖片比較小，那幾乎沒辦法用了，還是必須要動態調整，如果圖片尺寸比較大，特別是高度合適的話就可以直接用的