您的位置:首页 > 移动开发 > Android开发

Android ImageView 的scaleType属性

2016-07-12 21:27 393 查看

Android ImageView scaleType属性介绍

名称含义
center使图像在视图中居中,不缩放
centerCrop以填满视图为目的,以视图中心为基准,等比缩放图像,超过视图部分做剪裁
centerInside在视图中居中完全显示图像
matrix从视图的左上角开始显示图像,超出视图大小部分做剪裁
fitCenter图像等比例扩大或缩小到等于视图的宽度或高度,使图像完全显示,并居中
fitStart等比例缩放图像使宽(高)等于视图的宽(高),使图像完全显示,并位于视图上部(左部)
fitEnd等比例缩放图像使宽(高)等于视图的宽(高),使图像完全显示,并位于视图下部(右部)
fitXY拉伸图像,使图像填满视图

示例及详解

示例原图



android:scaleType="center"

保持图像的大小,将图像居中显示在视图中,若图像的尺寸大于视图的尺寸,则超出视图尺寸的部分将被剪裁。如图1-1,1-2:



图1-1



图1-2

android:scaleType="centerCrop"

等比例放大图像,以视图中心为基准,填满整个视图,超过视图尺寸的部分将被剪裁。如图2-1,2-2:



图2-1



图2-2

android:scaleType="centerInside"

等比例缩小图像以使图像完全显示在视图中,若图像尺寸小于视图尺寸,则不对图像进行处理,居中显示。若图像尺寸大于视图,则等比例缩小图像,使图像宽(高)等于或小于视图宽(高),居中显示。如图3-1,3-2,3-3:



图3-1



图3-2 缩小图像高至等于视图高



图3-3 缩小图像宽至等于视图宽

android:scaleType="matrix"

不改变图像的大小,从左上角开始显示图像,图像尺寸若大于视图尺寸,则多余的部分会被裁剪。类似center,只是图像显示的位置不同。如图4-1,4-2:



图4-1



图4-2

android:scaleType="fitCenter"

等比例放大或缩小图像使图像的高(宽)等于视图的高(宽),然后居中显示。与center的区别是fitCenter不剪裁而是缩放,以使图像全部显示;与centerCrop的区别是fitCenter不以填满视图为目的,是以全部显示图像为目的;与centerInside的却别是fitCenter等比缩放至宽或高等于视图,而centerInside则只缩小不放大。如图5-1,5-2,5-3:



图5-1



图5-2



图5-3

android:scaleType="fitStart"
android:scaleType="fitEnd"

fitStart:等比例缩放图像使宽(高)等于视图的宽(高),使图像完全显示,并位于视图上部(左部)。fitEnd:等比例缩放图像使宽(高)等于视图的宽(高),使图像完全显示,并位于视图下部(右部)。与fitCenter类似,只是显示图片位置的区别。如图6-1,6-2,6-3,6-4:



图6-1



图6-2



图6-3



图6-4

android:scaleType="fitXY"

以填满整个视图为目的,拉伸图片。与centerCrop的区别是fitXY不剪裁,拉伸以使图像填满,图像会变形。如图7-1:



图7-1
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  imageview android