iOS开发-View中frame和bounds区别

开发中调整View的时候的经常会遇到frame和bounds,刚开始看的时候不是很清楚,不过看了一下官方文档,frame是确定视图在父视图中的位置,和本身的大小,bounds确定可以确定子视图在当前视图中的位置,还可以改变View的大小,如果bounds确定大小,那么View的视图优先选择的bounds中的宽高。Center的位置是相对于父坐标系中的定位。苹果官方给了一张图片供参考:

如果还不是很清晰,可以参考一下frame和bounds的中代码:

1
2
3
4
5
6
-(CGRect)frame{
     return  CGRectMake( self .frame.origin.x, self .frame.origin.y, self .frame.size.width, self .frame.size.height);
}
-(CGRect)bounds{
     return  CGRectMake(0,0, self .frame.size.width, self .frame.size.height);
}

当然为了更好的理解以上的概念,写个小Demo实战了一下,viewDidLoad将图片添加在View中,然后在图片上添加一个View:

1
2
3
4
5
6
7
8
9
UIImageView  *girlImageView=[[UIImageView alloc]initWithImage:[UIImage imageNamed:@ "Girl.jpg" ]];
     girlImageView.frame=CGRectMake(40, 40, 240, 300);
 
     [ self .view addSubview:girlImageView]; //添加到父视图中
     NSLog (@ "girlImageView frame:%@------girlImageView bounds:%@" , NSStringFromCGRect (girlImageView.frame), NSStringFromCGRect (girlImageView.bounds));
     UIView *childView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
     childView.backgroundColor = [UIColor yellowColor];
     [girlImageView addSubview:childView];
     NSLog (@ "childView frame:%@-------childView bounds:%@" , NSStringFromCGRect (childView.frame), NSStringFromCGRect (childView.bounds));

 具体效果如下:

 

输出结果:

1
2
2015-04-03 11:50:00.326 MyContraint[1929:98282] girlImageView frame:{{40, 40}, {240, 300}}------girlImageView bounds:{{0, 0}, {240, 300}}
2015-04-03 11:50:00.327 MyContraint[1929:98282] childView frame:{{0, 0}, {100, 100}}-------childView bounds:{{0, 0}, {100, 100}}

 这个时候如果改变一下UIImageView的bounds,代码如下:

1
2
3
4
5
6
UIImageView  *girlImageView=[[UIImageView alloc]initWithImage:[UIImage imageNamed:@ "Girl.jpg" ]];
  girlImageView.frame=CGRectMake(40, 40, 240, 300);
  //改变View中内部原点的位置,同样可以改变frame的宽高
  [girlImageView setBounds:CGRectMake(-30, -30, 240, 230)];
  [ self .view addSubview:girlImageView]; //添加到父视图中
  NSLog (@ "girlImageView frame:%@------girlImageView bounds:%@" , NSStringFromCGRect (girlImageView.frame), NSStringFromCGRect (girlImageView.bounds));

 图片效果:

打印效果如下:

1
2
2015-04-03 11:57:06.738 MyContraint[2019:102665] girlImageView frame:{{40, 75}, {240, 230}}------girlImageView bounds:{{-30, -30}, {240, 230}}
2015-04-03 11:57:06.739 MyContraint[2019:102665] childView frame:{{0, 0}, {100, 100}}-------childView bounds:{{0, 0}, {100, 100}}

 通过以上的代码的演示,frame和bounds之间的关系应该很清晰了,如果有疑问,欢迎共同探讨~

本文转自Fly_Elephant博客园博客,原文链接:http://www.cnblogs.com/xiaofeixiang/p/4389159.html,如需转载请自行联系原作者
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值