矩阵魔方：揭秘ImageView的ScaleType奥秘，实现任意缩放类型

ImageView的ScaleType详解

ScaleType简介

ImageView是Android中用于显示图像的控件。ScaleType属性决定了图像如何在控件中进行缩放。它共有17种类型，每种类型都有其独特的缩放规则。

ScaleType类型

类型	说明
Fit Center	按比例缩放图像，使图像完全显示在控件中，图像中心与控件中心对齐。
Fit Start	按比例缩放图像，使图像完全显示在控件中，图像左上角与控件左上角对齐。
Fit End	按比例缩放图像，使图像完全显示在控件中，图像右下角与控件右下角对齐。
Fill	拉伸或压缩图像，使图像完全填满控件，可能导致图像变形。
Center Inside	按比例缩放图像，使图像完全显示在控件中，四周留有边距。
Center Crop	按比例缩放图像，使图像完全显示在控件中，四周被裁剪。
Zoom	放大或缩小图像，使图像完全填满控件，可能导致图像变形。
Left Top	显示图像在控件左上角，不缩放。
Left Center	显示图像在控件左侧中央，不缩放。
Left Bottom	显示图像在控件左下角，不缩放。
Right Top	显示图像在控件右上角，不缩放。
Right Center	显示图像在控件右侧中央，不缩放。
Right Bottom	显示图像在控件右下角，不缩放。
Top Left	显示图像在控件左上角，不缩放。
Top Center	显示图像在控件顶部中央，不缩放。
Top Right	显示图像在控件右上角，不缩放。
Bottom Left	显示图像在控件左下角，不缩放。
Bottom Center	显示图像在控件底部中央，不缩放。
Bottom Right	显示图像在控件右下角，不缩放。
Fit XY	按比例缩放图像，使图像宽高完全填满控件，可能导致图像变形。
Center Inside XY	按比例缩放图像，使图像宽高完全显示在控件中，四周留有边距。
Center Crop XY	按比例缩放图像，使图像宽高完全显示在控件中，四周被裁剪。
Fit Center Crop	按比例缩放图像，使图像宽或高完全填满控件，另一边被裁剪。
Fit Start Crop	按比例缩放图像，使图像左或上边完全填满控件，另一边被裁剪。
Fit End Crop	按比例缩放图像，使图像右或下边完全填满控件，另一边被裁剪。
None	不缩放图像，原始大小显示在控件中。

使用Matrix实现ScaleType

我们可以通过Matrix变换实现各种ScaleType效果。Matrix变换可以缩放、平移、旋转和倾斜图像。通过对图像进行Matrix变换，我们可以将图像缩放成我们想要的大小和形状。

ScaleType Matrix变换

类型	变换
Fit Center	缩放，平移
Fit Start	缩放
Fit End	缩放，平移
Fill	缩放
Center Inside	缩放，平移
Center Crop	缩放，平移
Zoom	缩放
Left Top	平移
Left Center	平移
Left Bottom	平移
Right Top	平移
Right Center	平移
Right Bottom	平移
Top Left	平移
Top Center	平移
Top Right	平移
Bottom Left	平移
Bottom Center	平移
Bottom Right	平移
Fit XY	缩放
Center Inside XY	缩放，平移
Center Crop XY	缩放，平移
Fit Center Crop	缩放，平移，裁剪
Fit Start Crop	缩放，平移，裁剪
Fit End Crop	缩放，平移，裁剪
None	无

示例代码

// Fit Center
Matrix matrix = new Matrix();
matrix.setScale(fitScale, fitScale);
matrix.postTranslate(fitTranslateX, fitTranslateY);

// Fill
Matrix matrix = new Matrix();
matrix.setScale(fillScaleX, fillScaleY);

结论

ScaleType是ImageView控件的重要属性，它决定了图像在控件中的缩放方式。通过理解不同ScaleType类型的含义和使用Matrix变换实现它们的方法，我们可以灵活地控制图像在控件中的显示效果。

常见问题解答

1. 如何使用Fit Center ScaleType？

   ImageView imageView = new ImageView(context);
   imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
   

2. 如何使用Matrix变换实现Center Crop ScaleType？

   Matrix matrix = new Matrix();
   matrix.setScale(centerCropScale, centerCropScale);
   matrix.postTranslate(centerCropTranslateX, centerCropTranslateY);
   imageView.setImageMatrix(matrix);
   

3. Fill ScaleType会变形图像吗？

   是的，Fill ScaleType会拉伸或压缩图像以完全填满控件，可能导致图像变形。

4. 如何保持图像的纵横比？

   使用Center Inside或Center Crop ScaleType可以保持图像的纵横比。

5. 哪种ScaleType最适合所有场景？

   没有一刀切的答案。不同的ScaleType适合不同的场景，需要根据具体需求选择最合适的ScaleType。