您的位置:首页 > 其它

imageView-scaleType 图片压缩属性

2015-04-20 10:51 281 查看
今天用到了图片压缩的属性,自己参照网上的说明,验证了一下,截图如下

(1)当图片背景是方形的时候

代码如下

<LinearLayout
android:id="@+id/l31"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/l21"
android:layout_below="@id/l21"
android:gravity="center_horizontal"
android:orientation="vertical" >

<ImageButton
android:layout_width="110dp"
android:layout_height="110dp"
android:scaleType="centerCrop"
android:src="@drawable/test" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="centerCrop" />
</LinearLayout>


图片的尺寸是 87*87

结果截图如下



(2)当图片背景是长方形的时候

代码如下

<LinearLayout
android:id="@+id/l31"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/l21"
android:layout_below="@id/l21"
android:gravity="center_horizontal"
android:orientation="vertical" >

<ImageButton
android:layout_width="100dp"
android:layout_height="120dp"
android:scaleType="centerCrop"
android:src="@drawable/test" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="centerCrop" />
</LinearLayout>


截图如下



(3)当图片比背景大的时候

代码如下

<LinearLayout
android:layout_width="100dp"
android:layout_height="100dp"
android:id="@+id/l31"

android:layout_alignLeft="@id/l21"
android:layout_below="@id/l21"
android:gravity="center_horizontal"
android:orientation="vertical" >

<ImageButton
android:layout_width="50dp"
android:layout_height="70dp"
android:scaleType="centerCrop"
android:src="@drawable/test" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="centerCrop" />
</LinearLayout>


结果如下



从上图我们可以总结下scaleType属性如下:

scaleType的属性值有:matrix fitXY fitStart fitCenter fitEnd center centerCrop centerInside

它们之间的区别如下:

matrix 用矩阵来绘制(从左上角起始的矩阵区域,不是很明白)

fitXY 把图片不按比例扩大/缩小到View的大小显示(确保图片会完整显示,并充满View)

fitStart 把图片按比例扩大/缩小到View的宽度,显示在View的上部分位置(图片会完整显示)

fitCenter 把图片按比例扩大/缩小到View的宽度,居中显示(图片会完整显示)

fitEnd 把图片按比例扩大/缩小到View的宽度,显示在View的下部分位置(图片会完整显示)

center 按图片的原来size居中显示,当图片宽超过View的宽,则截取图片的居中部分显示,当图片宽小于View的宽,则图片居中显示

centerCrop 按比例扩大/缩小图片的size居中显示,使得图片的高等于View的高,使得图片宽等于或大于View的宽(可能会溢出,不会缩小)

centerInside 将图片的内容完整居中显示,使得图片按比例缩小或原来的大小(图片比View小时)使得图片宽等于或小于View的宽 (图片会完整显示,不会放大)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: