閱讀165 返回首頁    go 技術社區[雲棲]


ImageView.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。

               


轉至:https://blog.csdn.net/larryl2003/article/details/6919513

因為擔心以後找不到了所以轉到自己的博客保存下。




最後更新:2017-04-03 12:54:53

  上一篇:go CSS Hank兼容瀏覽器的
  下一篇:go UML之用例圖