ImageView的scaleType详解-阿里云开发者社区

1. 网上的误解

不得不说很失望，到网上搜索了几篇帖子，然后看到的都是相互复制粘贴，就算不是粘贴的，有几篇还是只是拿着自己的几个简单例子，然后做测试，这种以一种现象结合自己的猜测便得出结论，其实只是想由不完全归纳得出完全归纳的结果，然而很令人失望，原因是：数据取样过于片面，只是单纯的测试了一种情况，导致大家对这些帖子相当失望。

2. scaleType存在的形式

1） CENTER

2） CENTER_CROP

3） CENTER_INSIDE

4） FIT_CENTER

5） FIT_END

6） FIT_START

7） FIT_XY

8） MATRIX

3.Google的官方解释以及我的个人分析

type	google官方说明	我的解释
CENTER	Center the image in the view, but perform no scaling.	剧中显示，不做缩放
CENTER_CROP	Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or larger than the corresponding dimension of the view (minus padding).	剧中显示，等比例缩放，两边都大于或等于对示窗口对应的那一边
CENTER_INSIDE	Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view (minus padding).	剧中显示，等比例缩放，两边都小于或等于显示窗口对应的那一边
FIT_CENTER	Scale the image using CENTER. CENTER: Compute a scale that will maintain the original src aspect ratio, but will also ensure that src fits entirely inside dst. At least one axis (X or Y) will fit exactly. The result is centered inside dst.	剧中显示，等比例缩放，两边至少有一边等于显示窗口对应的那一边，另一边小于或等于显示窗口对应的那一边
FIT_END	Scale the image using END END: Compute a scale that will maintain the original src aspect ratio, but will also ensure that src fits entirely inside dst. At least one axis (X or Y) will fit exactly. END aligns the result to the right and bottom edges of dst.	图片右下角和窗口右下角对其，等比例缩放，两边至少有一边等于显示窗口对应的那一边，另一边小于或等于显示窗口对应的那一边
FIT_START	Scale the image using START START: Compute a scale that will maintain the original src aspect ratio, but will also ensure that src fits entirely inside dst. At least one axis (X or Y) will fit exactly. START aligns the result to the left and top edges of dst.	图片左上角和窗口左上角对其，等比例缩放，两边至少有一边等于显示窗口对应的那一边，另一边小于或等于显示窗口对应的那一边
FIT_XY	Scale the image using FILL FILL: Scale in X and Y independently, so that src matches dst exactly. This may change the aspect ratio of the src.	不等比例缩放，x缩放到等于等于显示窗口对应的那一边，y缩放到等于显示窗口对应的那一边
MATRIX	Scale using the image matrix when drawing.	图片左上角和窗口左上角对其，不做缩放处理

4. 数据测试

为了表明测试的准确性，我准备了两组数据，一组是图片的分辨率高于ImageView自身的宽高，另外一组是图片的分辨率低于ImageView自身的宽高，这样才具有测试的完整性。

第一组： 图片的分辨率高于ImageView自身的宽高

原图：屏幕截图：尺寸：1080*1920 即1080p的屏幕截图

将各组数据分别做显示，为了表示特点，将ImageView的背景设置为黑色，ImageView的大小设置为100dp*100dp

行\列	1	2	3
1	center	centerCrop	centerInside
2	fitCenter	fitEnd	fitXY
3	fitStart	matrix

咱们逐个开始看

CENTER ：首先将图片放置到了中间，然后能够显示多少，就显示多少，图片不做处理，因而图片只是显示了中间支付宝钱包和快牙图标的一部分
CENTERCROP ：同样先将图片放置到了中间，然后开始等比例伸缩图片，直到两边有一边适配了边界，由于图片高度大于宽度，因而首先高度适配了，但是此时宽度还够不着边界，不符合上面表格的要求：高度和宽度要均大于等于对应ImageView的高度和宽度，因而要继续伸缩至宽度达到边界，所以宽度可以显示完整，而高度显示不完整
CENTERINSIDE ：同样现将图片放置到了中间，将图片伸缩（如果图片小于ImageView的宽高，那么是不伸缩的），直到两侧同时小于或者等于图片的边界，由于宽度会先适配，高度后适配，因而两侧会显示出黑色的背景
FIT_CENTER :　将图片放置到ImageView的中间，保持图片的宽高比，图片由小变大一步一步扩大，直到一个方向已经适配，由于高度大于宽度，因而高度会先适配，故两侧会出现黑色的背景
FIT_END ：将图片放置到ImageView的右下角，保持图片的宽高比，图片由小变大一部一部扩大，直到一个方向已经适配，高度大于宽度，高度先适配，故左侧出现黑色背景
FIT_XY ：不保持图片的宽高比进行伸缩，从ImageView的中心，由小到大，一部一部扩大，直到两个方向都已经适配
MATRIX ：不熟悉，不做解释

第二组测试数据：图片分辨率小于ImageView大小的各种数据

原图：分辨率： 165*220