圖片視圖（ImageView）——Mars Android開發視頻教程之第一季第十一集（重）

##1· 什麼是圖片視圖（ImageView） ImageView就是將圖片顯示出來的一種容器組件

##2· ImageView的使用

• 首先聲明出圖片視圖：

（源文件使用src屬性來決定，可來自res、assets，SD卡、網絡……）

<ImageView 
	    android:id="@+id/imgView_Cat"
	    android:layout_width="100dp"
	    android:layout_height="100dp"
	    android:src="@drawable/cat"/>

• 聲明成員變量：

private ImageView imgView_Cat;

• 找出圖片視圖對象：

imgView_Cat = (ImageView) findViewById(R.id.imgView_Cat);

擴展： 除了佈局文件，咱們還能夠在java代碼中設置組件屬性：

//        imgView_Cat.setImageResource(R.drawable.cat);

至此，咱們就將一個圖片顯示出來了。

##3. 圖片拉伸類型-ScaleType屬性

做用：定義圖片拉伸的類型。 使用時機：當圖片與圖片視圖大小不匹配時，決定如何適應。

爲了進一步理解該屬性，咱們進行一些練習：

添加第二個圖片視圖，源文件使用ic_launcher，同時設置不一樣的背景顏色，其餘屬性相同。

有了這樣兩張大小不一樣的圖片後，咱們就能夠更深入的理解各自屬性效果。

<ImageView 
	    android:id="@+id/imgView_Cat"
	    android:layout_width="100dp"
	    android:layout_height="100dp"
	    android:scaleType="fitCenter"
	    android:background="#00ff00"
	    android:src="@drawable/cat"/>
	
	<ImageView 
	    android:id="@+id/imgView_ic"
	    android:layout_width="100dp"
	    android:layout_height="100dp"
	    android:background="#0000ff"
	    android:scaleType="fitCenter"
	    android:src="@drawable/ic_launcher"/>

首先咱們將兩張圖片的拉伸屬性都設置爲：

android:scaleType="fitCenter"

firCenter同時也是該屬性的默認值。 做用：將圖片等比例縮小（放大）到View的寬度，並居中顯示；

---

fitStart：將圖片等比例縮小（放大）到View的寬度，在View中靠上顯示

---

fitEnd：將圖片等比例縮小（放大）到View的寬度，在View中靠下顯示

---

center：若圖片大於View，則只截取圖片中央，View尺寸大小的部分來顯示。 若圖片小於視圖，則只顯示圖片，且圖片尺寸不變；

---

centerInside：圖大，將圖片等比例縮小到View的大小或小於View大小，並居中顯示。 圖小，則圖不變，居中顯示。

---

centerCrop 圖片縮小或放大到View相等或大於View的尺寸，最後截取View尺寸大小來顯示圖片：

除此以外，scaleType還有其餘值能夠使用，這裏就很少作介紹了。