現在在手機或是平板上都會許多圖片的應用,這次介紹ImageView與ImageButton這兩個元件的運用。
ImageView主要是顯示圖片或是任意圖像,ImageView元件顯示圖片時,通常會把要顯示的圖片放在res\drawable裡。
XML常用語法
1.屬性:src 用來設定ImageView顯示物件ID
語法
android:src="@drawable/id
2.屬性:scaleType 用來設定圖片縮放或移動ImageView的大小
語法
android:scaleType="位置名稱"
3.屬性:adjustViewBounds 用來保持顯示的圖片長寬比例不變
語法
android:adjustViewBounds="true"
4.屬性:maxHeight 設定ImageView元件的最大高度,在adjustViewBounds屬性值為true才有作用。
語法
android:maxHeight="高度dp"
5.屬性:maxWidth 設定ImageView元件的最大寬度,在adjustViewBounds屬性值為true才有作用。
語法
android:maxWidth="寬度dp"
6.屬性:tint 設定圖片著色顏色
語法
android:tint="#顏色代碼"
使用ImageViewg顯示圖片,但我們無法預設每張圖片長寬都一樣。
除了預先調整圖片長寬外,ImageView也提供ScaleType屬性,讓app可以自動調整。
ScaleType屬性
android:scaleType="center"
圖片為原尺寸置中,不進行放大或縮小
android:scaleType="centerCrop"
圖片原尺寸比例放大或縮小,使圖片能完全覆蓋ImageView
android:scaleType="centerInside"
圖片原尺寸比例放大或縮小,使ImageView能完全顯示該圖
android:scaleType="fitEnd"
圖片原尺寸比例放大或縮小,圖片能完全顯示在ImageView中並放置底部
android:scaleType="fitStart"
圖片原尺寸比例放大或縮小,圖片能完全顯示在ImageView中並放置頂端
android:scaleType="fitXY"
圖片不按原尺寸比例放大或縮小至塞滿 ImageView,但圖片長寬可能會改變
android:scaleType="matrix"
圖片使用matrix方式進行縮放,圖片左上開始繪製,多餘的寬高會被裁剪