iOS ImageView.contentMode效果介绍

在IOS开发中,imageview经常需要设置contentMode,现在就简单介绍下contentMode的效果,让大家开发的时候好自行选择


代码调用:

// 内容模式
        self.contentMode = UIViewContentModeScaleAspectFill;

模式:

        /**
         UIViewContentModeScaleToFill : 图片拉伸至填充整个UIImageView(图片可能会变形)
         
         UIViewContentModeScaleAspectFit : 图片拉伸至完全显示在UIImageView里面为止(图片不会变形)
         
         UIViewContentModeScaleAspectFill : 
         图片拉伸至 图片的宽度等于UIImageView的宽度 或者 图片的高度等于UIImageView的高度 为止
         
         UIViewContentModeRedraw : 调用了setNeedsDisplay方法时,就会将图片重新渲染
         
         UIViewContentModeCenter : 居中显示
         UIViewContentModeTop,
         UIViewContentModeBottom,
         UIViewContentModeLeft,
         UIViewContentModeRight,
         UIViewContentModeTopLeft,
         UIViewContentModeTopRight,
         UIViewContentModeBottomLeft,
         UIViewContentModeBottomRight,
         
         经验规律:
         1.凡是带有Scale单词的,图片都会拉伸
         2.凡是带有Aspect单词的,图片都会保持原来的宽高比,图片不会变形
         */


UIViewContentModeScaleToFill:

图片拉伸至填充整个UIImageView(图片可能会变形)


iOS ImageView.contentMode效果介绍_第1张图片

UIViewContentModeScaleAspectFit:

图片拉伸至完全显示在UIImageView里面为止(图片不会变形)

iOS ImageView.contentMode效果介绍_第2张图片


UIViewContentModeScaleAspectFill : 

图片拉伸至 图片的宽度等于UIImageView的宽度或者 图片的高度等于UIImageView的高度为止

iOS ImageView.contentMode效果介绍_第3张图片

UIViewContentModeCenter : 居中显示

iOS ImageView.contentMode效果介绍_第4张图片

UIViewContentModeTop:居上显示

iOS ImageView.contentMode效果介绍_第5张图片

UIViewContentModeTopLeft:左上显示

iOS ImageView.contentMode效果介绍_第6张图片

剩下几个模式相信大家都懂了,我就不一一上图了!


你可能感兴趣的:(iOS)