Android ImageView属性android:scaleType各种属性值分析

谁践踏了优雅 2022-06-01 06:41 417阅读 0赞

public static final ImageView.ScaleType CENTER

在视图中使图像居中，不执行缩放。 在 XML 中可以使用的语法： android:scaleType="center"。

public static final ImageView.ScaleType CENTER\_CROP

均衡的缩放图像（保持图像原始比例），使图片的两个坐标（宽、高）都大于等于 相应的视图坐标（负的内边距）。图像则位于视图的中央。 在 XML 中可以使用的语法：android:scaleType="centerCrop"。

public static final ImageView.ScaleType CENTER\_INSIDE

均衡的缩放图像（保持图像原始比例），使图片的两个坐标（宽、高）都小于等于 相应的视图坐标（负的内边距）。图像则位于视图的中央。 在 XML 中可以使用的语法：android:scaleType="centerInside"。

public static final ImageView.ScaleType FIT\_CENTER

使用 CENTER 方式缩放图像。 在 XML 中可以使用的语法： android:scaleType="fitCenter"。

public static final ImageView.ScaleType FIT\_END

使用 END 方式缩放图像。 在 XML 中可以使用的语法： android:scaleType="fitEnd"。

public static final ImageView.ScaleType FIT\_START

使用 START 方式缩放图像。 在 XML 中可以使用的语法：android:scaleType="fitStart"。

public static final ImageView.ScaleType FIT\_XY

使用 FILL 方式缩放图像。 在 XML 中可以使用的语法： android:scaleType="fitXY"。

public static final ImageView.ScaleType MATRIX

绘制时，使用图像矩阵方式缩放。图像矩阵可以通过 setImageMatrix(Matrix) 设置。在 XML 中可以使用的语法： android:scaleType="matrix"。

此间通过阅读网友的一篇日志，对此也有更详细的解释，大家可以参考：

[http://blog.sina.com.cn/s/blog\_407abb0d0100mao1.html][http_blog.sina.com.cn_s_blog_407abb0d0100mao1.html]

用代码展示着几个属性的效果，效果截图：

主界面：

[![clip\_image001\[4\]][clip_image001_4]][clip_image001_4_clip_image001_4]

CENTER效果：

[![clip\_image002\[4\]][clip_image002_4]][clip_image002_4_clip_image002_4]

CENTER\_CROP效果：

[![clip\_image003\[4\]][clip_image003_4]][clip_image003_4_clip_image003_4]

CENTER\_INSIDE效果：

[![clip\_image004\[4\]][clip_image004_4]][clip_image004_4_clip_image004_4]

FIT\_CENTER效果：

[![clip\_image005\[4\]][clip_image005_4]][clip_image005_4_clip_image005_4]

FIT\_START效果：

[![clip\_image006\[4\]][clip_image006_4]][clip_image006_4_clip_image006_4]

FIT\_END效果：

[![clip\_image007\[4\]][clip_image007_4]][clip_image007_4_clip_image007_4]

FIT\_XY效果：

[![clip\_image008\[4\]][clip_image008_4]][clip_image008_4_clip_image008_4]

MATRIX效果：

[![clip\_image009\[4\]][clip_image009_4]][clip_image009_4_clip_image009_4]

结果分析：

我选取的原始图片明显标志如下：左上角有蝴蝶、花朵，右下角为一个蝗虫，且图片像素大于 320×480，各种类型的差异通过查看图片的明显标志即可窥见一斑。比如FIT\_START，填充于屏幕上方，并等比例缩放；相反，FIT\_END置于屏幕下方，而FIT\_CENTER则在中间。CENTER\_CROP裁剪了图片的中间部分填充屏幕。

[http_blog.sina.com.cn_s_blog_407abb0d0100mao1.html]: http://blog.sina.com.cn/s/blog_407abb0d0100mao1.html
[clip_image001_4]: https://images0.cnblogs.com/blog/453160/201302/27094243-83a760dd26bb4274b2b21d6f89b2b338.jpg
[clip_image001_4_clip_image001_4]: /images/20220601/cff31f2ac2694c4f84c2f40357de91a2.png
[clip_image002_4]: https://images0.cnblogs.com/blog/453160/201302/27094244-f9052a06e5564b9f8fd2ee4950aa70aa.jpg
[clip_image002_4_clip_image002_4]: /images/20220601/a96928a9c54744a48ffc8563e704bc3b.png
[clip_image003_4]: https://images0.cnblogs.com/blog/453160/201302/27094245-ff640cb99abb47daa843f4974163aa9d.jpg
[clip_image003_4_clip_image003_4]: /images/20220601/242c0808c9254eeda0a7732a14067893.png
[clip_image004_4]: https://images0.cnblogs.com/blog/453160/201302/27094246-d1801c6536a44edb9a09f6b664937b03.jpg
[clip_image004_4_clip_image004_4]: /images/20220601/ea657daae1ce477db57241d034ed84b6.png
[clip_image005_4]: https://images0.cnblogs.com/blog/453160/201302/27094247-645a8a750e55414584de8df39bca01ce.jpg
[clip_image005_4_clip_image005_4]: /images/20220601/9f38b947a8214fbcb1aaa656e66d68e1.png
[clip_image006_4]: https://images0.cnblogs.com/blog/453160/201302/27094248-937e27cc256243efbb8cae6880005e95.jpg
[clip_image006_4_clip_image006_4]: /images/20220601/57d414e56988422684e59f5ba2cbbbf8.png
[clip_image007_4]: https://images0.cnblogs.com/blog/453160/201302/27094249-88381738a9d14b6eaaca315dd9b9862f.jpg
[clip_image007_4_clip_image007_4]: /images/20220601/cd28634b039d425f911bac9646522932.png
[clip_image008_4]: https://images0.cnblogs.com/blog/453160/201302/27094250-787441c2460841cab28bac974d308b42.jpg
[clip_image008_4_clip_image008_4]: /images/20220601/5d81494c62574585baae20544160bc2a.png
[clip_image009_4]: https://images0.cnblogs.com/blog/453160/201302/27094251-b50f112977474c99bbb957223ee7f62a.jpg
[clip_image009_4_clip_image009_4]: /images/20220601/59960b6821344db5baae5f66efa90cba.png