[Android] ImageView.ScaleType设置图解

最新推荐文章于 2024-06-05 13:58:21 发布

转载最新推荐文章于 2024-06-05 13:58:21 发布 · 801 阅读

文章标签：

#Android #ImageView #ScaleType

android 专栏收录该内容

115 篇文章

订阅专栏

本文详细解析了ImageView的scaleType属性，包括其意义、区别和具体使用方法，并通过真图演示展示了不同scaleType的效果。从CENTER到FIT_XY，每种设置都对应着不同的图片显示方式。

imageView.setScaleType(ImageView.ScaleType.FIT_XY );

 1  这里我们重点理解ImageView的属性android:scaleType，即ImageView.setScaleType(ImageView.ScaleType)。android:scaleType是控制图片如何resized/moved来匹对ImageView的size。ImageView.ScaleType / android:scaleType值的意义区别：
 2  
 3 CENTER /center  按图片的原来size居中显示，当图片长/宽超过View的长/宽，则截取图片的居中部分显示
 4  
 5 CENTER_CROP / centerCrop  按比例扩大图片的size居中显示，使得图片长(宽)等于或大于View的长(宽)
 6  
 7 CENTER_INSIDE / centerInside  将图片的内容完整居中显示，通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽
 8  
 9 FIT_CENTER / fitCenter  把图片按比例扩大/缩小到View的宽度，居中显示
10  
11 FIT_END / fitEnd   把图片按比例扩大/缩小到View的宽度，显示在View的下部分位置
12  
13 FIT_START / fitStart  把图片按比例扩大/缩小到View的宽度，显示在View的上部分位置
14  
15 FIT_XY / fitXY  把图片不按比例扩大/缩小到View的大小显示
16  
17 MATRIX / matrix 用矩阵来绘制

原文：http://blog.youkuaiyun.com/larryl2003/article/details/6919513

ImageView的Scaletype决定了图片在View上显示时的样子，如进行何种比例的缩放，及显示图片的整体还是部分，等等。

设置的方式包括：

1. 在layout xml中定义android:scaleType="CENTER"

2. 或在代码中调用imageView.setScaleType(ImageView.ScaleType.CENTER);

接下来，将对ScaleType的值和对应的显示效果用最直观的方式——真图演示的方法，来进行说明。

首先，是测试使用的原始图片：

（Dimensions: 128 * 128）

(Dimensions: 640 * 428)

好，开始下面的测试：

1. SetScaleType(ImageView.ScaleType.CENTER);

按图片的原来size居中显示，当图片长/宽超过View的长/宽，则截取图片的居中部分显示

2. SetScaleType(ImageView.ScaleType.CENTER_CROP);

按比例扩大图片的size居中显示，使得图片长(宽)等于或大于View的长(宽)

3. setScaleType(ImageView.ScaleType.CENTER_INSIDE);

将图片的内容完整居中显示，通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽

4. setScaleType(ImageView.ScaleType.FIT_CENTER);

把图片按比例扩大/缩小到View的宽度，居中显示

5. FIT_START, FIT_END在图片缩放效果上与FIT_CENTER一样，只是显示的位置不同，FIT_START是置于顶部，FIT_CENTER居中，FIT_END置于底部。

在此就不给出示例了。

6. FIT_XY

不按比例缩放图片，目标是把图片塞满整个View。

一开始我不明白MATRIX矩阵，网上搜索后发现原来MATRIX矩阵可以动态缩小放大图片来显示，这里不展开深入的了解，只是贴出相关语句，缩小图片：

 1 //获得Bitmap的高和宽 
 2 int bmpWidth=bmp.getWidth(); 
 3 int bmpHeight=bmp.getHeight(); 
 4  
 5 //设置缩小比例 
 6 double scale=0.8; 
 7 //计算出这次要缩小的比例 
 8 scaleWidth=(float)(scaleWidth*scale); 
 9 scaleHeight=(float)(scaleHeight*scale); 
10  
11 //产生resize后的Bitmap对象 
12 Matrix matrix=new Matrix(); 
13 matrix.postScale(scaleWidth, scaleHeight); 
14 Bitmap resizeBmp=Bitmap.createBitmap(bmp, 0, 0, bmpWidth, bmpHeight, matrix, true);

1 <ImageView 
2 android:id="@+id/image" 
3     android:layout_width="fill_parent"  
4     android:layout_height="fill_parent" 
5     android:scaleType="center" 
6     android:src="@drawable/candle" 
7 />