iT邦幫忙

2021 iThome 鐵人賽

DAY 9
0
Mobile Development

Android Studio 30天自我挑戰系列 第 9

[Android Studio 30天自我挑戰] ImageView元件介紹

  • 分享至 

  • xImage
  •  

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


上一篇
[Android Studio 30天自我挑戰] 練習APP-計算BMI
下一篇
[Android Studio 30天自我挑戰] 利用Button切換ImageView的圖片
系列文
Android Studio 30天自我挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言