ImageView顯示圖像控制項 一、簡介 1、 2、 ImageView,圖像視圖,直接繼承自View類,它的主要功能是用於顯示圖片,實際上它不僅僅可以用來顯示圖片,任何Drawable對象都可以使用ImageView來顯示。ImageView可以適用於任何佈局中,並且Android為其提供了縮放和 ...
ImageView顯示圖像控制項
一、簡介
1、
2、
ImageView,圖像視圖,直接繼承自View類,它的主要功能是用於顯示圖片,實際上它不僅僅可以用來顯示圖片,任何Drawable對象都可以使用ImageView來顯示。ImageView可以適用於任何佈局中,並且Android為其提供了縮放和著色的一些操作。
ImageView的一些常用屬性,並且這些屬性都有與之對應的getter、setter方法:
- android:adjustViewBounds:設置ImageView是否調整自己的邊界來保持所顯示圖片的長寬比。
- android:maxHeight:設置ImageView的最大高度。
- android:maxWidth:設置ImageView的最大寬度。
- android:scaleType:設置所顯示的圖片如何縮放或移動以適應ImageView的大小。
- android:src:設置ImageView所顯示的Drawable對象的ID。
對於android:scaleType屬性,因為關於圖像在ImageView中的顯示效果,所以有如下屬性值可以選擇:
- matrix:使用matrix方式進行縮放。
- fitXY:橫向、縱向獨立縮放,以適應該ImageView。
- fitStart:保持縱橫比縮放圖片,並且將圖片放在ImageView的左上角。
- fitCenter:保持縱橫比縮放圖片,縮放完成後將圖片放在ImageView的中央。
- fitEnd:保持縱橫比縮放圖片,縮放完成後將圖片放在ImageView的右下角。
- center:把圖片放在ImageView的中央,但是不進行任何縮放。
- centerCrop:保持縱橫比縮放圖片,以使圖片能完全覆蓋ImageView。
- centerInside:保持縱橫比縮放圖片,以使得ImageView能完全顯示該圖片。
3、
屬性名稱 |
描述 |
|||||||||||||||||||||||||||
android:adjustViewBounds |
是否保持寬高比。需要與maxWidth、MaxHeight一起使用,否則單獨使用沒有效果。 |
|||||||||||||||||||||||||||
android:cropToPadding |
是否截取指定區域用空白代替。單獨設置無效果,需要與scrollY一起使用,效果如下,實現代碼見代碼部分:
|
|||||||||||||||||||||||||||
android:maxHeight |
設置View的最大高度,單獨使用無效,需要與setAdjustViewBounds一起使用。如果想設置圖片固定大小,又想保持圖片寬高比,需要如下設置: 1) 設置setAdjustViewBounds為true; 2) 設置maxWidth、MaxHeight; 3) 設置設置layout_width和layout_height為wrap_content。 |
|||||||||||||||||||||||||||
android:maxWidth |
設置View的最大寬度。同上。 |
|||||||||||||||||||||||||||
android:scaleType |
設置圖片的填充方式。
|
|||||||||||||||||||||||||||
android:src |
設置View的drawable(如圖片,也可以是顏色,但是需要指定View的大小) |
|||||||||||||||||||||||||||
android:tint |
將圖片渲染成指定的顏色。見下圖: 左邊為原圖,右邊為設置後的效果,見後面代碼。 |
二、使用方法
三、代碼實例
效果圖:
代碼:
/iamgeViewDemo1/res/layout/activity01.xml
1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" 5 android:orientation="vertical" > 6 7 <ImageView 8 android:layout_width="210dp" 9 android:layout_height="364dp" 10 android:src="@drawable/ic_launcher" /> 11 12 </LinearLayout>
四、收穫