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"
/>
相關文章
- Android UI系列-----ImageView的scaleType屬性AndroidUIView
- [Android] ImageView.ScaleType設定圖解AndroidView圖解
- 圖片基礎知識梳理(1) ImageView 的 ScaleType 屬性解析View
- ImageView.ScaleType設定圖解 轉View圖解
- Android學習筆記:如何設定ImageView中圖片的顯示方式Android筆記View
- ImageView顯示網路上的圖片View
- ImageView的scaleType的屬性理解View
- Android用ImageView顯示本地和網上的圖片AndroidView
- 提高班1:ImageView中ScaleType屬性詳解,配圖詳解View
- [Android]Layout中ImageView中圖片的對齊顯示問題AndroidView
- iOS開發之imageView居中顯示圖片iOSView
- ImageView顯示圖片資源的兩種方法(background/src)View
- iOS設定tabbar不顯示文字,只顯示圖片iOStabBar
- JS控制圖片顯示的大小(圖片等比例縮放)JS
- Android radioButton只設定圖片是居中顯示Android
- Android圖片底部居中的ImageViewAndroidView
- Fresco的圖片SimpleDraweeView設定ScaleType不起作用的問題View
- Linux下設定終端文字的顯示屬性Linux
- Android ImageView 清空背景圖片AndroidView
- iOS根據圖片比例計算顯示大小iOS
- list-style屬性設定列表前面圖示
- Android:ImageView圖片縮放、居中AndroidView
- 圖片設定level-list,根據不同狀態顯示不同圖片
- android imageview 縮放檢視圖片AndroidView
- Android ImageView 圖片靠右,靠左處理AndroidView
- Android 眼睛 顯示隱藏密碼(ImageView)Android密碼View
- Android 開源圖片裁剪工具、圖片顯示工具分享Android
- win10如何設定桌面顯示圖示_windows10顯示桌面圖示設定方法Win10Windows
- 在Excel2010中設定圖片屬性Excel
- 顯示器最佳使用效果設定方法
- Android activity屬性設定大全Android
- css設定屬性文字超出隱藏顯示…,但有的時候三個點顯示不全CSS
- android imageview圖片居中技巧應用AndroidView
- Android屬性設定android:noHistory="true"Android
- Android ImageView對齊方式設定AndroidView
- ImageView之ScaleType詳解及擴充View
- ImageView圖片填充全屏View
- img圖片無法顯示利用onerror事件顯示替代圖片Error事件