Image图片自适应 Image resizeMode属性

最新推荐文章于 2024-04-07 14:27:01 发布

weixin_30482181

最新推荐文章于 2024-04-07 14:27:01 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dianzan/p/11121045.html

本文详细解释了图片在不同填充模式下的表现：cover模式确保图片填充整个显示区域，可能部分裁剪；contain模式完整显示图片，可能显示空白；stretch模式强制填充，可能导致失真；center模式在contain基础上支持等比放大。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

cover比较安全

cover模式只求在显示比例不失真的情况下填充整个显示区域。可以对图片进行放大或者缩小，超出显示区域的部分不显示，也就是说，图片可能部分会显示不了。
contain模式是要求显示整张图片, 可以对它进行等比缩小, 图片会显示完整,可能会露出Image控件的底色。如果图片宽高都小于控件宽高，则不会对图片进行放大。
stretch模式不考虑保持图片原来的宽,高比.填充整个Image定义的显示区域,这种模式显示的图片可能会畸形和失真。
center模式, 9月11号的0.33版本才支持，contain模式基础上支持等比放大。

转载于:https://www.cnblogs.com/dianzan/p/11121045.html