ImageView的Scaletype决定了图片在View上显示时的样子,如进行何种比例的缩放,及显示图片的整体还是部分,等等。
设置的方式包括:
1. 在layout xml中定义android:scaleType=”CENTER”
2. 或在代码中调用imageView.setScaleType(ImageView.ScaleType.CENTER);
接下来,将对ScaleType的值和对应的显示效果用最直观的方式——真图演示的方法,来进行说明。
首先,是测试使用的原始图片:
![[Android] ImageView.ScaleType设置图解插图1 [Android] ImageView.ScaleType设置图解](https://img.mushiming.top/app/bianchenghao_cn/f1e774920b7c470f927f7ff3820984f3.gif)
![[Android] ImageView.ScaleType设置图解插图3 [Android] ImageView.ScaleType设置图解](https://img.mushiming.top/app/bianchenghao_cn/c7603e427bbb4f31b38fb048ed6fbca8.gif)
好,开始下面的测试:
1. SetScaleType(ImageView.ScaleType.CENTER);
按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示
![[Android] ImageView.ScaleType设置图解插图5 [Android] ImageView.ScaleType设置图解](https://img.mushiming.top/app/bianchenghao_cn/374af433ce994d4ab1184eac41d2c17c.gif)
![[Android] ImageView.ScaleType设置图解插图7 [Android] ImageView.ScaleType设置图解](https://img.mushiming.top/app/bianchenghao_cn/1ff821f72de346f08aebbd85ebf55a57.gif)
2. SetScaleType(ImageView.ScaleType.CENTER_CROP);
按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽)
![[Android] ImageView.ScaleType设置图解插图9 [Android] ImageView.ScaleType设置图解](https://img.mushiming.top/app/bianchenghao_cn/91d2f6723714437fa123cdf65e27861c.gif)
3. setScaleType(ImageView.ScaleType.CENTER_INSIDE);
将图片的内容完整居中显示,通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽
![[Android] ImageView.ScaleType设置图解插图13 [Android] ImageView.ScaleType设置图解](https://img.mushiming.top/app/bianchenghao_cn/5da003657587490eb396a8a1033b305a.gif)
![[Android] ImageView.ScaleType设置图解插图15 [Android] ImageView.ScaleType设置图解](https://img.mushiming.top/app/bianchenghao_cn/29ca9a0c2bd24cafb2b7747838ef0ee5.gif)
4. setScaleType(ImageView.ScaleType.FIT_CENTER);
把图片按比例扩大/缩小到View的宽度,居中显示
![[Android] ImageView.ScaleType设置图解插图17 [Android] ImageView.ScaleType设置图解](https://img.mushiming.top/app/bianchenghao_cn/33970165a5804b2488598d7e8099311c.gif)
![[Android] ImageView.ScaleType设置图解插图19 [Android] ImageView.ScaleType设置图解](https://img.mushiming.top/app/bianchenghao_cn/1e23d12a02394a46a0a5663e1e4a1c62.gif)
5. FIT_START, FIT_END在图片缩放效果上与FIT_CENTER一样,只是显示的位置不同,FIT_START是置于顶部,FIT_CENTER居中,FIT_END置于底部。
在此就不给出示例了。
6. FIT_XY
不按比例缩放图片,目标是把图片塞满整个View。
![[Android] ImageView.ScaleType设置图解插图21 [Android] ImageView.ScaleType设置图解](https://img.mushiming.top/app/bianchenghao_cn/2227d05cc51d4bbd8d464f2d2f456d00.gif)
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/38923.html
![[Android] ImageView.ScaleType设置图解插图11 [Android] ImageView.ScaleType设置图解](https://img.mushiming.top/app/bianchenghao_cn/e225f9272fac48e28eac676ce873a056.gif)
![[Android] ImageView.ScaleType设置图解插图23 [Android] ImageView.ScaleType设置图解](https://img.mushiming.top/app/bianchenghao_cn/7d1ac065f1e44165bde1513410edacb4.gif)