ImageView的屬性android:scaleType設定最佳比例圖片顯示

jia635發表於2014-07-23

       實現圖片輪播,以前的大圖片比例會在GuideGallery中自動縮放,後來編輯把圖片大小修改了。在大屏不能適應螢幕。試了很多方法終於解決。先說Imageview的屬性。可在java程式碼中實現,也可以在Xml檔案中設定。

imageView.setScaleType(ImageView.ScaleType.FIT_XY );

這裡我們重點理解ImageView的屬性android:scaleType,即ImageView.setScaleType(ImageView.ScaleType)。android:scaleType是控制圖片如何resized/moved來匹對ImageView的size。ImageView.ScaleType / android:scaleType值的意義區別:
 
CENTER /center  按圖片的原來size居中顯示,當圖片長/寬超過View的長/寬,則擷取圖片的居中部分顯示
 
CENTER_CROP / centerCrop  按比例擴大圖片的size居中顯示,使得圖片長(寬)等於或大於View的長(寬)
 
CENTER_INSIDE / centerInside  將圖片的內容完整居中顯示,通過按比例縮小或原來的size使得圖片長/寬等於或小於View的長/寬
 
FIT_CENTER / fitCenter  把圖片按比例擴大/縮小到View的寬度,居中顯示
 
FIT_END / fitEnd   把圖片按比例擴大/縮小到View的寬度,顯示在View的下部分位置
 
FIT_START / fitStart  把圖片按比例擴大/縮小到View的寬度,顯示在View的上部分位置
 
FIT_XY / fitXY  把圖片不按比例擴大/縮小到View的大小顯示
 
MATRIX / matrix 用矩陣來繪製

一開始我不明白MATRIX矩陣,網上搜尋後發現原來MATRIX矩陣可以動態縮小放大圖片來顯示,這裡不展開深入的瞭解,只是貼出相關語句,縮小圖片:

//獲得Bitmap的高和寬 
int bmpWidth=bmp.getWidth(); 
int bmpHeight=bmp.getHeight(); 
 
//設定縮小比例 
double scale=0.8; 
//計算出這次要縮小的比例 
scaleWidth=(float)(scaleWidth*scale); 
scaleHeight=(float)(scaleHeight*scale); 
 
//產生resize後的Bitmap物件 
Matrix matrix=new Matrix(); 
matrix.postScale(scaleWidth, scaleHeight); 
Bitmap resizeBmp=Bitmap.createBitmap(bmp, 0, 0, bmpWidth, bmpHeight, matrix, true);


java程式碼中實現

holder.img.setScaleType(ScaleType.CENTER_INSIDE      );

     XML中實現,關鍵是android:layout_width="fill_parent", android:layout_height="120dp"這兩個屬性,如果不是fill_parents則在大屏就會出現不能填充,剩右半部分沒有內容。height也不要設定warp_content,設定一個比例合適的高度,warp_content很容易造成比例嚴重變形的效果。  

<ImageView
        android:id="@+id/gallery_image"
        android:layout_width="fill_parent"
        android:layout_height="120dp"
        android:scaleType="fitXY"
        />


相關文章