UIImageView的图片拉伸(上)

UIImageView继承自UIView,是用来显示图片的一种控件,在显示过程中,我们有多种显示方式,而真正在操作UIImageView显示方式的属性是UIView的contentModel属性。
今天整理了一下图片常用的几种显示样式,ContentModel 主要包括:

UIViewContentModeScaleToFill, // 充满整个控件,图片会拉伸

UIViewContentModeScaleAspectFit,//按图片的原比例全部显示在控件里,但是会出现空隙

UIViewContentModeScaleAspectFill,// 按图片的原比例填充整个控件,图片会显示不完整 ,需要裁掉 clipsToBounds

UIViewContentModeRedraw,

UIViewContentModeCenter,

UIViewContentModeTop,

UIViewContentModeBottom,

UIViewContentModeLeft,

UIViewContentModeRight,

UIViewContentModeTopLeft,

UIViewContentModeTopRight,

UIViewContentModeBottomLeft,

UIViewContentModeBottomRight

示例:
UIViewContentModeScaleAspectFit,整张图片都会在UIView中显示,并且比例不变,也就是说如果UIView的尺寸与图片的比例不够,就会留下空白,例如,

UIImageView的图片拉伸(上)_第1张图片


UIViewContentModeScaleAspectFill,整张图片都会填充view,图片比例不会,这样图片显示就会大于view,例如,

UIImageView的图片拉伸(上)_第2张图片


其他的类似这种效果,看图片可知

UIViewContentModeCenter

UIImageView的图片拉伸(上)_第3张图片


UIViewContentModeTop

UIImageView的图片拉伸(上)_第4张图片


UIViewContentModeBottom

UIImageView的图片拉伸(上)_第5张图片


UIViewContentModeLeft

UIImageView的图片拉伸(上)_第6张图片

UIViewContentModeRight

UIImageView的图片拉伸(上)_第7张图片


UIViewContentModeTopLeft

UIImageView的图片拉伸(上)_第8张图片

UIViewContentModeTopRight
UIImageView的图片拉伸(上)_第9张图片


UIViewContentModeBottomLeft

UIImageView的图片拉伸(上)_第10张图片


UIViewContentModeBottomRight

UIImageView的图片拉伸(上)_第11张图片


下一篇UIImageView的图片拉伸(下)

你可能感兴趣的:(UIImageView的图片拉伸(上))