您的位置:首页 > 产品设计 > UI/UE

iOS图片填充UIImageView(contentMode)

2015-08-25 17:15 411 查看
我有个位置要显示图片,但是美工的图片和我的位置无论大小还是比例 都是不对的,但是同事说这样就可以了 自己处理一下就行 这地方要求不高,但是我就不知道怎么处理才行,于是乎还是请教了同事 最后发现 哎 这东西真的是早就该知道的呀。

  我发现自己很是喜欢说废话 说问题之前先介绍一下UIView的contentMode属性

     我这次用的时候主要是UIImageView用来显示图片的  这个属性的默认是 UIViewContentModeScaleToFill 这个就是常看到的图片会变形填满;

      主要说一下这两个属性

      UIViewContentModeScaleAspectFit,     //这个图片都会在view里面显示,并且比例不变  这就是说 如果图片和view的比例不一样 就会有留白如下图1





既然要求不高 又不能留白 那我就可以用第二种 可是这样就超出位置了,于是同事又开口了 截掉就可以了

然后完整过程就两步

  [self.prp_imageViewsetContentMode:UIViewContentModeScaleAspectFill];

    self.prp_imageView.clipsToBounds = YES;

完美解决 以下是效果图



默认值是 0,也就是:
UIViewContentModeScaleToFill


一个个来理解下吧:
UIViewContentModeScaleToFill:表示完全填充在 frame 里。
UIViewContentModeScaleAspectFit:保持比例,都在 frame 内。
UIViewContentModeScaleAspectFill:保持比例,填满但 frame 外也有。
UIViewContentModeRedraw:啥意思我还不懂。

其他的是相似的,好理解:
UIViewContentModeCenter:这个 image 的中心与 frame 的中心重合。
UIViewContentModeTop:这个 image 的上边缘与 frame 的上边缘重合。
UIViewContentModeBottom:这个 image 的下边缘与 frame 的下边缘重合。
UIViewContentModeLeft:这个 image 的左边缘与 frame 的左边缘重合。
UIViewContentModeRight:这个 image 的右边缘与 frame 的右边缘重合。
UIViewContentModeTopLeft:类似。
UIViewContentModeTopRight:类似。
UIViewContentModeBottomLeft:类似。
UIViewContentModeBottomRight:类似。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: