iOS积累-iOS图片填充UIImageView(contentMode)

本文主要形象的介绍一下UIView的contentMode属性:

 

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

\

 

 

 

 

 

 

 

 

 

 

 

 

 

UIViewContentModeScaleAspectFill, // 这是整个view会被图片填满,图片比例不变 ,这样图片显示就会大于view如下图2

\

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

然后完整过程就两步

[self.prp_imageViewsetContentMode:UIViewContentModeScaleAspectFill];

self.prp_imageView.clipsToBounds = YES;

完美解决 以下是效果图

\

 

实在是太喜欢他们了就先暂时当我的模特吧

 

然后 我就把所有的都是试验了一遍,各种区别大家就看图总结吧

UIViewContentModeCenter

\

UIViewContentModeTop

\

UIViewContentModeBottom

\

UIViewContentModeLeft

\

UIViewContentModeRight

\

UIViewContentModeTopLeft

\

UIViewContentModeTopRight

\

 

UIViewContentModeBottomLeft

\

UIViewContentModeBottomRight

\

 

其他更详细的属性介绍:

 

  • UIView有个UIViewContentMode类型的属性contentMode,可以通过它来修改视图的内容显示模式。

     

    view sourceprint? 01.typedef NS_ENUM(NSInteger, UIViewContentMode) { 02.UIViewContentModeScaleToFill, 03.UIViewContentModeScaleAspectFit, // contents scaled to fit with fixed aspect. remainder is transparent 04.UIViewContentModeScaleAspectFill, // contents scaled to fill with fixed aspect. some portion of content may be clipped. 05.UIViewContentModeRedraw, // redraw on bounds change (calls -setNeedsDisplay) 06.UIViewContentModeCenter, // contents remain same size. positioned adjusted. 07.UIViewContentModeTop, 08.UIViewContentModeBottom, 09.UIViewContentModeLeft, 10.UIViewContentModeRight, 11.UIViewContentModeTopLeft, 12.UIViewContentModeTopRight, 13.UIViewContentModeBottomLeft, 14.UIViewContentModeBottomRight, 15.};

     

    实例代码:

     

    view sourceprint? 1.CGRect rect = self.view.frame; 2.UIImageView *imageView = [[UIImageView alloc] initWithFrame:rect]; 3.imageView.contentMode = UIViewContentModeTop; 4.imageView.image = [UIImage imageNamed:@demoImage]; 5.[self.view addSubview:imageView];

     

    UIViewContentModeScaleToFill

    根据视图的比例去拉伸图片内容。

    height=268

    UIViewContentModeScaleAspectFit

    保持图片内容的纵横比例,来适应视图的大小。

    height=270

    UIViewContentModeScaleAspectFill

    用图片内容来填充视图的大小,多余得部分可以被修剪掉来填充整个视图边界。

    height=267

    UIViewContentModeRedraw

    这个选项是单视图的尺寸位置发生变化的时候通过调用setNeedsDisplay方法来重新显示。

    UIViewContentModeCenter

    保持图片原比例在视图中间显示图片内容

    如果视图大小小于图片的尺寸,则图片会超出视图边界,下面类同

    height=267

    UIViewContentModeTop

    保持图片原比例在视图中间顶部显示图片内容

    height=267

    UIViewContentModeBottom

    保持图片原比例在视图中间底部显示图片内容

    height=267

    UIViewContentModeLeft

    保持图片原比例在视图中间左边显示图片内容

    height=267

    UIViewContentModeRight

    保持图片原比例在视图中间右边显示图片内容

    height=267

    UIViewContentModeTopLeft

    保持图片原比例在视图左上角显示图片内容

    height=267


    UIViewContentModeTopRight

    保持图片原比例在视图右上角显示图片内容

    height=267

    UIViewContentModeBottomLeft

    保持图片原比例在视图左下角显示图片内容

    height=267

    UIViewContentModeBottomRight

    保持图片原比例在视图右下角显示图片内容

    height=267

    转载网址: http://www.2cto.com/kf/201507/412894.html

     


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值