現在在手機或是平板上都會許多圖片的應用,這次介紹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方式進行縮放,圖片左上開始繪製,多餘的寬高會被裁剪