日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

ImageView的scaleType详解

發布時間:2025/3/8 48 豆豆
生活随笔 收集整理的這篇文章主要介紹了 ImageView的scaleType详解 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1. 網上的誤解

不得不說很失望,到網上搜索了幾篇帖子,然后看到的都是相互復制粘貼,就算不是粘貼的,有幾篇還是只是拿著自己的幾個簡單例子,然后做測試,這種以一種現象結合自己的猜測便得出結論,其實只是想由不完全歸納得出完全歸納的結果,然而很令人失望,原因是: 數據取樣過于片面,只是單純的測試了一種情況,導致大家對這些帖子相當失望。

2. scaleType存在的形式

1) CENTER

2) CENTER_CROP

3) CENTER_INSIDE

4) FIT_CENTER

5) FIT_END

6) FIT_START

7) FIT_XY

8) MATRIX

3.Google的官方解釋以及我的個人分析?

?

type

google官方說明

我的解釋

CENTER?

Center the image in the view, but perform no scaling.?

劇中顯示,不做縮放

CENTER_CROP?

Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or larger than the corresponding dimension of the view (minus padding).?

劇中顯示,等比例縮放,兩邊都大于或等于對示窗口對應的那一邊

CENTER_INSIDE?

Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view (minus padding).?

劇中顯示,等比例縮放,兩邊都小于或等于顯示窗口對應的那一邊

FIT_CENTER?

Scale the image using?CENTER.
CENTER: Compute a scale that will maintain the original src aspect ratio, but will also ensure that src fits entirely inside dst. At least one axis (X or Y) will fit exactly. The result is centered inside dst.

劇中顯示,等比例縮放,兩邊至少有一邊等于顯示窗口對應的那一邊,另一邊小于或等于顯示窗口對應的那一邊

FIT_END?

Scale the image using?END
END: Compute a scale that will maintain the original src aspect ratio, but will also ensure that src fits entirely inside dst. At least one axis (X or Y) will fit exactly. END aligns the result to the right and bottom edges of dst.

圖片右下角和窗口右下角對其,等比例縮放,兩邊至少有一邊等于顯示窗口對應的那一邊,另一邊小于或等于顯示窗口對應的那一邊

FIT_START?

Scale the image using?START
START: Compute a scale that will maintain the original src aspect ratio, but will also ensure that src fits entirely inside dst. At least one axis (X or Y) will fit exactly. START aligns the result to the left and top edges of dst.

圖片左上角和窗口左上角對其,等比例縮放,兩邊至少有一邊等于顯示窗口對應的那一邊,另一邊小于或等于顯示窗口對應的那一邊

FIT_XY?

Scale the image using?FILL
FILL: Scale in X and Y independently, so that src matches dst exactly. This may change the aspect ratio of the src.

不等比例縮放,x縮放到等于等于顯示窗口對應的那一邊,y縮放到等于顯示窗口對應的那一邊

MATRIX?

Scale using the image matrix when drawing.?

?圖片左上角和窗口左上角對其,不做縮放處理
4.?數據測試

為了表明測試的準確性,我準備了兩組數據,一組是圖片的分辨率高于ImageView自身的寬高,另外一組是圖片的分辨率低于ImageView自身的寬高,這樣才具有測試的完整性。

第一組: 圖片的分辨率高于ImageView自身的寬高

原圖: 屏幕截圖: 尺寸:1080*1920 即1080p的屏幕截圖

?

將各組數據分別做顯示,為了表示特點,將ImageView的背景設置為黑色,ImageView的大小設置為100dp*100dp

?

\

1

2

3

1

center

centerCrop

centerInside

2

fitCenter

fitEnd

fitXY

3

fitStart

matrix

?

?

咱們逐個開始看

  • CENTER : 首先將圖片放置到了中間,然后能夠顯示多少,就顯示多少,圖片不做處理,因而圖片只是顯示了中間支付寶錢包快牙圖標的一部分
  • CENTERCROP : 同樣先將圖片放置到了中間,然后開始等比例伸縮圖片,直到兩邊有一邊適配了邊界,由于圖片高度大于寬度,因而首先高度適配了,但是此時寬度還夠不著邊界,不符合上面表格的要求:高度和寬度要均大于等于對應ImageView的高度和寬度,因而要繼續伸縮至寬度達到邊界,所以寬度可以顯示完整,而高度顯示不完整
  • CENTERINSIDE : 同樣現將圖片放置到了中間,將圖片伸縮(如果圖片小于ImageView的寬高,那么是不伸縮的),直到兩側同時小于或者等于圖片的邊界,由于寬度會先適配,高度后適配,因而兩側會顯示出黑色的背景
  • FIT_CENTER : 將圖片放置到ImageView的中間,保持圖片的寬高比,圖片由小變大一步一步擴大,直到一個方向已經適配,由于高度大于寬度,因而高度會先適配,故兩側會出現黑色的背景
  • FIT_END :將圖片放置到ImageView的右下角,保持圖片的寬高比,圖片由小變大一部一部擴大,直到一個方向已經適配,高度大于寬度,高度先適配,故左側出現黑色背景
  • FIT_XY : 不保持圖片的寬高比進行伸縮,從ImageView的中心,由小到大,一部一部擴大,直到兩個方向都已經適配
  • MATRIX : 不熟悉,不做解釋?
  • 第二組測試數據: 圖片分辨率小于ImageView大小的各種數據?

    原圖: 分辨率: 165*220?

    ImageView大小: 200dp*200dp?

    類型以及結果:?

  • CENTER: ???
  • ? ? ? 2. CENTER_CROP: 同樣: 由于會縮放,圖片高度大于寬度,因而最終的效果是寬度填充滿,而高度上部分顯示不出來??

    ? ? ? 3. CENTER_INSIDE : 剛才已經提到,如果圖片小于屏幕的大小,那么CENTER_INSIDE是不會做縮放的

    ?

    此時可能有人會提出疑問,假如說圖片一側大于屏幕的大小,而另外一側小于屏幕的大小,那么會怎么處理呢?處理的方式還是要符合原則,最終的結果是兩側都要小于等于屏幕對應的尺寸,就是在ImageView的大小內,顯示完整這個圖片,并且是按照等比例縮放的

    ,以這個圖片為例:

    用Nexus5(分辨率為1080*1920)做測試,假如說ImageView的大小為60dp*60dp,Nexus5下的大小為 : 180px*180px

    而圖片的大小 :165px*220px,這時圖片的高度已經超過了ImageView的高度,所以會將高度縮放到ImageView的大小,因而出現如下的效果

    ?

    ? ? ?4. FIT_CENTER :?

    ? ? ?5.?FIT_END:

    ? ? ?6.?FIT_START

    ? ? ?7. MATRIX

    ?

    總結

    以上是生活随笔為你收集整理的ImageView的scaleType详解的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。