简介

frame是父视图坐标系中的位置和大小；bounds是自身视图坐标系中的位置和大小。

其中，不管是frame还是bounds，大小这点一样，代表矩形的长和宽，这个很好理解。可是，原点位置呢？frame很好理解。但是bounds呢？什么叫做自身坐标系？真的是太难理解了。

frame和bounds的区别
这篇文章中的有一句话说的很对：

它是参考自己坐标系，它可以修改自己坐标系的原点位置，进而影响到“子view”的显示位置。

实验场景

默认的self.view设置为蓝色；父view设置为红色；子view设置为黄色。代码如下：

#import "ViewController.h"

@interface ViewController ()

@property (nonatomic, strong) UIView *fatherView;
@property (nonatomic, strong) UIView *sonView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    self.fatherView = [[UIView alloc] init];
    self.sonView = [[UIView alloc] init];
    
    [self.fatherView addSubview:self.sonView];
    [self.view addSubview:self.fatherView];
    
    // 父视图
    self.fatherView.backgroundColor = [UIColor redColor];
    // 子视图
    self.sonView.backgroundColor = [UIColor yellowColor];
    
    // 背景视图
    self.view.backgroundColor = [UIColor blueColor];
}

- (void)viewWillLayoutSubviews {
    self.fatherView.frame = CGRectMake(100, 100, 200, 200);
    self.sonView.bounds = CGRectMake(0, 0, 100, 100);
    
    NSLog(@"fatherView frame:%@ ====== fatherView bounds:%@", NSStringFromCGRect(self.fatherView.frame), NSStringFromCGRect(self.fatherView.bounds));
    NSLog(@"sonView frame:%@ ====== sonView bounds:%@", NSStringFromCGRect(self.sonView.frame), NSStringFromCGRect(self.sonView.bounds));
}

@end

在这里，位置的设置就两句话：

self.fatherView.frame = CGRectMake(100, 100, 200, 200);
self.sonView.bounds = CGRectMake(0, 0, 100, 100);

父view设置了frame，子view设置了bounds。实际效果如下：

效果图

打印信息如下：

fatherView frame:{{100, 100}, {200, 200}} ====== fatherView bounds:{{0, 0}, {200, 200}}
sonView frame:{{-50, -50}, {100, 100}} ====== sonView bounds:{{0, 0}, {100, 100}}

通过打印信息和图片位置的对比，父view可以理解；子view的大小也没问题，可是子view的原点（-50，-50）是怎么来的？

改动1：修改子view的bounds原点

比如self.sonView.bounds = CGRectMake(50, 50, 100, 100);
或者self.sonView.bounds = CGRectMake(20, 30, 100, 100);
... ...
不论怎么改，只要不改大小，父子视图位置关系始终不变。

这说明bounds的原点不会影响自己的位置；

改动2：修改子view的bounds大小

既然子view的bounds的原点不影响自己在父view中的位置，那么就保持（0，0）不变，那么就修改bounds的大小试试。
做了几次实验，结果如下：

self.sonView.bounds = CGRectMake(0, 0, 50, 50);
// sonView frame:{{-25, -25}, {50, 50}}

self.sonView.bounds = CGRectMake(0, 0, 100, 100);
// sonView frame:{{-50, -50}, {100, 100}}

self.sonView.bounds = CGRectMake(0, 0, 200, 200);
// sonView frame:{{-100, -100}, {200, 200}}

总感觉原点的位置是长宽的一半，然后加个负号；比如w=100时，x=-50
是巧合吗？h=100时，y= -50

子view加上frame

考虑到子view没有加frame，只是加了bounds。那么猜想，子view默认的frame应该是全0，也就是self.sonView.frame = CGRectMake(0, 0, 0, 0);
那么，加上bounds之后，子view的frame的原点该怎么确定呢？

公式猜想：

self.sonView.frame = CGRectMake(fx, fy, fw, fh);
self.sonView.bounds = CGRectMake(bx, by, bw, bh);

经过以上两个语句之后，大小是bw和bh，这个会覆盖，没有疑问，也很好理解。但是x和y呢？有如下公式：

x = fx + （fw - bw）/ 2；
y = fy + （fh - bh）/ 2；

简单讲就是如果bounds的大小变了，就是偏移大小变化的一半。
比如：-50 = 0 + （0 - 100）/ 2

又实验了几组数据，结果如下：

    self.sonView.frame = CGRectMake(0, 0, 80, 50);
    self.sonView.bounds = CGRectMake(0, 0, 100, 100);
// sonView frame:{{-10, -25}, {100, 100}} 
// x: -10 = 0 + (80 - 100) / 2
// y: -25 = 0 + (50 - 100) / 2

    self.sonView.frame = CGRectMake(0, 30, 80, 150);
    self.sonView.bounds = CGRectMake(0, 0, 100, 100);
// sonView frame:{{-10, 55}, {100, 100}} 
// x: -10 = 0 + (80 - 100) / 2
// y: 55 = 30 + (150 - 100) / 2

    self.sonView.frame = CGRectMake(-10, 30, 180, 150);
    self.sonView.bounds = CGRectMake(0, 0, 100, 100);
// sonView frame:{{30, 55}, {100, 100}} 
// x: 30 = -10 + (180 - 100) / 2
// y: 55 = 30 + (150 - 100) / 2

实验了几组数据，基本吻合。

修改父view的bounds

大小只改变父view自己，对于子view没有影响。
原点不会改变子view的frame，但是会改变子view的位置。
父view不改bounds，情况很正常

    self.fatherView.frame = CGRectMake(100, 100, 200, 200);
    self.sonView.frame = CGRectMake(0, 0, 100, 100);
    // sonView frame:{{0, 0}, {100, 100}}

正常图片

父view修改bounds的原点，子view偏了

    self.fatherView.frame = CGRectMake(100, 100, 200, 200);
    self.fatherView.bounds = CGRectMake(20, 40, 200, 200);
    self.sonView.frame = CGRectMake(0, 0, 100, 100);
    // sonView frame:{{0, 0}, {100, 100}}