iOS UIImageView的填充方式(contentMode属性)图解

首先看一下这个属性

@property(nonatomic)                 UIViewContentMode contentMode;                // default is UIViewContentModeScaleToFill

然后看一下contentMode的变量有哪些

typedef NS_ENUM(NSInteger, UIViewContentMode) {
    UIViewContentModeScaleToFill,
    UIViewContentModeScaleAspectFit,      // contents scaled to fit with fixed aspect. remainder is transparent
    UIViewContentModeScaleAspectFill,     // contents scaled to fill with fixed aspect. some portion of content may be clipped.
    UIViewContentModeRedraw,              // redraw on bounds change (calls -setNeedsDisplay)
    UIViewContentModeCenter,              // contents remain same size. positioned adjusted.
    UIViewContentModeTop,
    UIViewContentModeBottom,
    UIViewContentModeLeft,
    UIViewContentModeRight,
    UIViewContentModeTopLeft,
    UIViewContentModeTopRight,
    UIViewContentModeBottomLeft,
    UIViewContentModeBottomRight,
};

最后看一下每个变量的效果图

UIViewContentModeScaleToFill:图片填充满视图,比例发生改变
iOS UIImageView的填充方式(contentMode属性)图解_第1张图片
UIViewContentModeScaleAspectFit:图片都会在视图里面显示,并且比例不变。也就是说:如果图片和视图的比例不一样,就会有留白
iOS UIImageView的填充方式(contentMode属性)图解_第2张图片
UIViewContentModeScaleAspectFill:整个视图会被图片填满,图片比例不变 ,这样图片显示就会大于视图
iOS UIImageView的填充方式(contentMode属性)图解_第3张图片
UIViewContentModeCenter:保持视图原比例以视图中心点显示图片内容
iOS UIImageView的填充方式(contentMode属性)图解_第4张图片
[图片上传中...(5.jpg-8e4f8b-1560770383790-0)]
UIViewContentModeTop:保持视图原比例以视图顶部边框显示图片内容
iOS UIImageView的填充方式(contentMode属性)图解_第5张图片
UIViewContentModeBottom:保持图片原比例以视图底部边框显示图片内容
iOS UIImageView的填充方式(contentMode属性)图解_第6张图片
UIViewContentModeLeft:保持图片原比例以视图左侧边框显示图片内容
iOS UIImageView的填充方式(contentMode属性)图解_第7张图片
UIViewContentModeRight:保持图片原比例以视图右侧边框显示图片内容
iOS UIImageView的填充方式(contentMode属性)图解_第8张图片
UIViewContentModeTopLeft:保持图片原比例在视图左上角显示图片内容
iOS UIImageView的填充方式(contentMode属性)图解_第9张图片
UIViewContentModeTopRight:保持图片原比例在视图右上角显示图片内容
iOS UIImageView的填充方式(contentMode属性)图解_第10张图片
UIViewContentModeTopRight:保持图片原比例在视图左下角显示图片内容
iOS UIImageView的填充方式(contentMode属性)图解_第11张图片
UIViewContentModeBottomRight:保持图片原比例在视图右下角显示图片内容
iOS UIImageView的填充方式(contentMode属性)图解_第12张图片

最后,觉得有用记得给个喜欢❤️!非常感谢!

个人主页:https://www.jianshu.com/u/281c41cc90bc

你可能感兴趣的:(iOS UIImageView的填充方式(contentMode属性)图解)