1. 程式人生 > >ImageView的屬性android:scaleType設定最佳比例圖片顯示

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

實現圖片輪播,以前的大圖片比例會在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"
/>