ios开发之UIView的frame、bounds跟center属性的区别(附图)

2022-09-08 19:05:25

博文暂时想到什么写什么，不顺理成章，不顺章成篇。

先看几个概念

坐标点Poit：向右侧为X轴正方向的值x，原点下侧为Y轴正方向的值y

大小Size：由宽度width和高度height构成，表示一个矩形

区域Rect：它有坐标点Poit和大小Size构成，表示一个区域，既有位置也有大小

相对：有参照物，因参照物的大小位置改变而改变

绝对：无参照物，大小位置固定

再看代码构成：

点由这样来创建，X轴大小和Y大小 CGPoint point = CGPointMake(80,40)

大小Size由这样来创建 CGSize size = CGSizeMake(144,72)表示创建一个宽度为144和高度为72的矩形视图

区域rect这样来创建：CGRect rect＝CGRectMake(10, 10, 120, 100)；它表示位置在点（10，10）宽度120高度100的视图

然后呢看一下frame、bounds跟center三者的定义描述

frame：描述当前视图在其父视图中的位置和大小

bounds：描述当前视图在其自身坐标系统中的位置和大小。

center：描述当前视图的中心点在其父视图中的位置。

我们从描述中可以看出，frame和bounds属性，都描述视图的大小(CGSize)和位置(CGPoint)的，两者都用CGRect表示。不同的是，frame描述的是在其父视图中的CGRect，而bounds描述的是在其自身视图中的CGRect，也就是说，两者所在的坐标是不同的.而center表示矩形中心点在其父视图中的位置。frame一般用来来设置视图的大小和位置，用center来改变（移动）视图的位置。frame和center都可以改变位置，如果对视图进行旋转、缩放也都是相对于center来操作的。

最直观的我们用一个图和代码值来描述三者的表示：

首先建一个空视图，拖拽三个wiew进去，分别给于不同的颜色，并且命名。代码和图如下

//

//  ViewController.h

//  NSPredicateTest

//

//  Created by xuhongjiang on 15/10/27.

//  Copyright (c) 2015年 xuhongjiang. All rights reserved.

//

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController

@property (retain, nonatomic) IBOutlet UIView *orangeView;

@property (retain, nonatomic) IBOutlet UIView *greenView;

@property (retain, nonatomic) IBOutlet UIView *grayView;

@end

分别定义了三个view，橙色view最大，里面包含灰色view和绿色view。我们拿绿色view来说明问题。

1.frame

其实灰色view的大小签好就是绿色view的frame大小，绿色视图frame的origin点（灰色view的宽度，灰色view的高度）,也既是灰色view相对于橙色view右下角的点，也是绿色view左上角相对于橙色view的点。frame但Size就是绿色view的宽度和高度

2.bounds

绿色view的bounds的点是相对自己，是（0，0），大小size是绿色view的宽度和高度，这个很容易理解。

3.center

绿色view的center的横坐标=(绿色view宽度width／2)+(绿色view的.frame.origin.x);纵坐标＝(绿色view高度height／2)+(绿色view的.frame.origin.y);

下面的代码是经过调试后的具体值，仔细观察，不难发现frame、bounds、center三者的区别还是很明显的。

 //

 //  ViewController.m

 //  NSPredicateTest

 //

 //  Created by xuhongjiang on 15/10/27.

 //  Copyright (c) 2015年 xuhongjiang. All rights reserved.

 //

 #import "ViewController.h"

 #import "Products.h"

 @interface ViewController ()

 @end

 @implementation ViewController

 - (void)viewDidLoad {

     [super viewDidLoad];

     [self layTest];

 }

 - (void)didReceiveMemoryWarning {

     [super didReceiveMemoryWarning];

 }

 -(void) layTest

 {

     //橙色view的frame 返回一个相对于父容器的区域CGRect，由点point和大小Size构成

     CGRect  orangeFrameRect=_orangeView.frame;//(CGRect) orangeRect = (origin = (x = 43, y = 98), size =(width = 289,height = 443))

        CGPoint orangeFramePoit=_orangeView.frame.origin;//(CGPoint) orangePoit = (x = 43, y = 98)

        CGSize  orangeFrameSize=_orangeView.frame.size;//(CGSize) orangeSize = (width = 289, height = 443)

     //橙色view的bounds 返回在自身坐标中的位置和大小，也是一个区域CGRect,同样由点point和大小Size构成

     CGRect orangeBoundsRect= _orangeView.bounds;//(CGRect) orangeBoundsRect = (origin = (x = 0, y = 0), size = (width = 289, height = 443))

     CGPoint orangeBoudsPoit=_orangeView.bounds.origin;//(CGPoint) orangeBoudsPoit = (x = 0, y = 0)

     CGSize orangeBoundsSize=_orangeView.bounds.size;//(CGSize) orangeBoundsSize = (width = 289, height = 443)

     //橙色view的center 它表示相对于父容器的自身中心点

     CGPoint oranageCenterPoit= _orangeView.center;//(CGPoint) oranageCenterPoit = (x = 187.5, y = 319.5)

     //绿色view的frame 等同于灰色view区域 返回一个相对于父容器（橙色view）的区域CGRect，由点point和大小Size构成

     CGRect  greenFrameRect=_greenView.frame;//(CGRect) greenFrameRect = (origin = (x = 40, y = 64), size = (width = 209, height = 256))

     CGPoint greenFramePoit=_greenView.frame.origin;//(CGPoint) greenFramePoit = (x = 40, y = 64)

     CGSize  greenFrameSize=_greenView.frame.size;//(CGSize) greenFrameSize = (width = 209, height = 256)

     //绿色view的bounds 返回在自身坐标中的位置和大小，也是一个区域CGRect,同样由点point和大小Size构成

     CGRect  greenBoundsRect= _greenView.bounds;//(CGRect) greenBoundsRect = (origin = (x = 0, y = 0), size = (width = 209, height = 256))

     CGPoint greenBoudsPoit=_greenView.bounds.origin;//(CGPoint) greenBoudsPoit = (x = 0, y = 0)

     CGSize  greenBoundsSize=_greenView.bounds.size;//(CGSize) greenBoundsSize = (width = 209, height = 256)

     //绿色view的center 它表示相对于父容器（橙色view）的自身中心点

     CGPoint greenCenterPoit= _greenView.center;//(CGPoint) greenCenterPoit = (x = 144.5, y = 192)

     //灰色view的区域等同于绿色view的frame   x=width=40 y=height=64

     CGSize grayFramePoit=_grayView.frame.size;//(CGSize) grayFramePoit = (width = 40, height = 64)

     //它为什么只是20和32的点  因为它是相对于绿色容器的自身中心点

     CGPoint grayCenterPoit= _grayView.center;//(CGPoint) grayCenterPoit = (x = 20, y = 32)

   }

本文是个人原创，欢迎批评指正，如转载请注明出处。

码农公寓

相关文章