图片视图（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还有其余值能够使用，这里就很少作介绍了。