图片视图(ImageView)——Mars Android开发视频教程之第一季第十一集(重)

原创
2015/08/18 16:57
阅读数 72

##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还有其他值可以使用,这里就不多做介绍了。

展开阅读全文
打赏
0
2 收藏
分享
加载中
更多评论
打赏
0 评论
2 收藏
0
分享
返回顶部
顶部