我想知道如何以正确的方式使用这些属性。

据我所知,frame可以从我正在创建的视图的容器中使用。 它设置了相对于容器视图的视图位置。它还设置了视图的大小。

也可以从我正在创建的视图容器中使用center。此属性更改视图相对于其容器的位置。

最后,bounds是相对于视图本身的。它改变了视图的可绘制区域。

你能提供更多关于框架和边界关系的信息吗?clipsToBounds和masksToBounds属性如何?


当前回答

这个问题已经有了一个很好的答案,但是我想补充一些图片。我的完整答案在这里。

为了帮助我记住框架,我想到了墙上的相框。就像图片可以在墙上的任何地方移动一样,视图框架的坐标系统是父视图。(墙=父视图框架=视图)

为了帮助我记住边界,我想到了篮球场的边界。篮球在球场内的某个地方就像视图边界的坐标系在视图本身内一样。(球场=视图,篮球/球员=视图内的内容)

像框,视图。Center也在父视图的坐标中。

框架与边界-示例1

黄色矩形表示视图的框架。绿色矩形表示视图的边界。两个图像中的红点都表示坐标系中的原点或边界。

Frame
    origin = (0, 0)
    width = 80
    height = 130

Bounds 
    origin = (0, 0)
    width = 80
    height = 130


示例2

Frame
    origin = (40, 60)  // That is, x=40 and y=60
    width = 80
    height = 130

Bounds 
    origin = (0, 0)
    width = 80
    height = 130


示例3

Frame
    origin = (20, 52)  // These are just rough estimates.
    width = 118
    height = 187

Bounds 
    origin = (0, 0)
    width = 80
    height = 130


示例4

这与示例2相同,只是这次显示的是视图的整个内容,就像它没有被剪切到视图的边界一样。

Frame
    origin = (40, 60)
    width = 80
    height = 130

Bounds 
    origin = (0, 0)
    width = 80
    height = 130


示例5

Frame
    origin = (40, 60)
    width = 80
    height = 130

Bounds 
    origin = (280, 70)
    width = 80
    height = 130

再一次,看这里我的答案和更多的细节。

其他回答

我发现这张图对理解框架、边界等很有帮助。

也请注意这个框架。Size != bounds。图像旋转时的大小。

看完以上答案,在此加上我的解读。

假设在线浏览,网页浏览器是你的框架,它决定在哪里和多大显示网页。浏览器的滚动条是你的边界。来源,决定网页的哪一部分将被显示。范围之内。起源很难理解。最好的学习方法是创建单视图应用程序,尝试修改这些参数并查看子视图如何变化。

- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.

UIView *view1 = [[UIView alloc] initWithFrame:CGRectMake(100.0f, 200.0f, 200.0f, 400.0f)];
[view1 setBackgroundColor:[UIColor redColor]];

UIView *view2 = [[UIView alloc] initWithFrame:CGRectInset(view1.bounds, 20.0f, 20.0f)];
[view2 setBackgroundColor:[UIColor yellowColor]];
[view1 addSubview:view2];

[[self view] addSubview:view1];

NSLog(@"Old view1 frame %@, bounds %@, center %@", NSStringFromCGRect(view1.frame), NSStringFromCGRect(view1.bounds), NSStringFromCGPoint(view1.center));
NSLog(@"Old view2 frame %@, bounds %@, center %@", NSStringFromCGRect(view2.frame), NSStringFromCGRect(view2.bounds), NSStringFromCGPoint(view2.center));

// Modify this part.
CGRect bounds = view1.bounds;
bounds.origin.x += 10.0f;
bounds.origin.y += 10.0f;

// incase you need width, height
//bounds.size.height += 20.0f;
//bounds.size.width += 20.0f;

view1.bounds = bounds;

NSLog(@"New view1 frame %@, bounds %@, center %@", NSStringFromCGRect(view1.frame), NSStringFromCGRect(view1.bounds), NSStringFromCGPoint(view1.center));
NSLog(@"New view2 frame %@, bounds %@, center %@", NSStringFromCGRect(view2.frame), NSStringFromCGRect(view2.bounds), NSStringFromCGPoint(view2.center));

我认为如果你从CALayer的角度来思考,一切都更清楚了。

Frame并不是视图或层的独立属性,它是一个虚拟属性,由边界、位置(UIView的中心)和变换计算而来。

所以基本上图层/视图布局是由这三个属性(和anchorPoint)决定的,这三个属性中的任何一个都不会改变任何其他属性,比如改变transform不会改变边界。

这个问题已经有了一个很好的答案,但是我想补充一些图片。我的完整答案在这里。

为了帮助我记住框架,我想到了墙上的相框。就像图片可以在墙上的任何地方移动一样,视图框架的坐标系统是父视图。(墙=父视图框架=视图)

为了帮助我记住边界,我想到了篮球场的边界。篮球在球场内的某个地方就像视图边界的坐标系在视图本身内一样。(球场=视图,篮球/球员=视图内的内容)

像框,视图。Center也在父视图的坐标中。

框架与边界-示例1

黄色矩形表示视图的框架。绿色矩形表示视图的边界。两个图像中的红点都表示坐标系中的原点或边界。

Frame
    origin = (0, 0)
    width = 80
    height = 130

Bounds 
    origin = (0, 0)
    width = 80
    height = 130


示例2

Frame
    origin = (40, 60)  // That is, x=40 and y=60
    width = 80
    height = 130

Bounds 
    origin = (0, 0)
    width = 80
    height = 130


示例3

Frame
    origin = (20, 52)  // These are just rough estimates.
    width = 118
    height = 187

Bounds 
    origin = (0, 0)
    width = 80
    height = 130


示例4

这与示例2相同,只是这次显示的是视图的整个内容,就像它没有被剪切到视图的边界一样。

Frame
    origin = (40, 60)
    width = 80
    height = 130

Bounds 
    origin = (0, 0)
    width = 80
    height = 130


示例5

Frame
    origin = (40, 60)
    width = 80
    height = 130

Bounds 
    origin = (280, 70)
    width = 80
    height = 130

再一次,看这里我的答案和更多的细节。

这篇文章有非常好的答案和详细的解释。我只是想说,在WWDC 2011的视频《理解UIKit渲染》中,从@4:22到20:10,有另一个关于帧、边界、中心、变换、边界原点的视觉表示的解释