UIView中的frame,bounds和center属性?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (7)
  • 关注 (0)
  • 查看 (137)

我想知道如何正确地使用这些属性。

据我所知,frame在已经创建的视图的容器中使用。它会设置容器与视图的相对位置。它还设置了该视图的大小。

center也可以在已经创建的视图的容器中使用。此属性更改了视图相对于容器的位置。

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

有没有更多关于frame和bounds之间的关系?还有clipsToBoundsmasksToBounds属性

提问于
用户回答回答于

Frame 视图中的frame(CGRect)是在superview坐标系统中是一个矩形。默认情况下,它从左上角开始。

Bounds 视图中的bounds(CGRect)在自己的坐标系中是一个矩形。

Centercentersuperview坐标系中的一个CGPoint,它决定中心位置。

这些是以前属性之间的关系(它们在代码中不起作用,因为它们是非正式方程):

  • frame.origin = center - (bounds.size / 2.0)
  • center = frame.origin + (bounds.size / 2.0)
  • frame.size = bounds.size

注:如果视图被旋转,则这些关系不适用。

使用frame允许您重新定位和/或调整视图的大小。superview通常可以从superview例如,当您创建特定的子视图时。例如:

// view1 will be positioned at x = 30, y = 20 starting the top left corner of [self view]
// [self view] could be the view managed by a UIViewController
UIView* view1 = [[UIView alloc] initWithFrame:CGRectMake(30.0f, 20.0f, 400.0f, 400.0f)];    
view1.backgroundColor = [UIColor redColor];

[[self view] addSubview:view1];

当您需要在view你通常指的是bounds一个典型的例子可以是在view子视图作为第一次嵌入的一个子视图。绘制子视图需要知道bounds的父类视图。例如:

UIView* view1 = [[UIView alloc] initWithFrame:CGRectMake(50.0f, 50.0f, 400.0f, 400.0f)];    
view1.backgroundColor = [UIColor redColor];

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

[view1 addSubview:view2];

更改视图中的bounds。例如,如果更改boundssizeframe会发生变化(反之亦然)。更改视图中的center。使用下面的代码,看看会发生什么:

NSLog(@"Old Frame %@", NSStringFromCGRect(view2.frame));
NSLog(@"Old Center %@", NSStringFromCGPoint(view2.center));    

CGRect frame = view2.bounds;
frame.size.height += 20.0f;
frame.size.width += 20.0f;
view2.bounds = frame;

NSLog(@"New Frame %@", NSStringFromCGRect(view2.frame));
NSLog(@"New Center %@", NSStringFromCGPoint(view2.center));

此外,如果你改变了boundsorigin你改变origin它的内部坐标系。默认情况下,origin是在(0.0, 0.0)(左上角)。例如,如果更改originview1现在,您可以看到左上角view2重复了view1一个点。view1它的左上角现在就在这个位置(20.0, 20.0),view2frameorigin(20.0, 20.0),它们将重合。

CGRect frame = view1.bounds;
frame.origin.x += 20.0f;
frame.origin.y += 20.0f;
view1.bounds = frame; 

origin表示view在其范围内的大小。superview描述bounds的中心。

最后,boundsorigin两者不相关。都允许派生frame

视图1的案例研究

下面是使用以下代码段时发生的情况。

UIView* view1 = [[UIView alloc] initWithFrame:CGRectMake(30.0f, 20.0f, 400.0f, 400.0f)];
view1.backgroundColor = [UIColor redColor];

[[self view] addSubview:view1];

NSLog(@"view1's frame is: %@", NSStringFromCGRect([view1 frame]));
NSLog(@"view1's bounds is: %@", NSStringFromCGRect([view1 bounds]));
NSLog(@"view1's center is: %@", NSStringFromCGPoint([view1 center]));

相对图像。

相反,如果我改变了[self view]如下所示。

// previous code here...
CGRect rect = [[self view] bounds];
rect.origin.x += 30.0f;
rect.origin.y += 20.0f;
[[self view] setBounds:rect];

相对图像。

在这里[self view]它的左上角现在是在位置(30.0,20.0),但是view1帧原点从(30.0,20.0)开始,它们将重合。

附加参考资料

关于clipsToBounds(来源:Apple doc)

将此值设置为yes时子视图将会被裁剪到接收方的边界。如果设置为no,则不会。默认值为no。

换句话说,如果一个视图frame(0, 0, 100, 100)它的子视图是(90, 90, 30, 30),你只会看到那部分的子视图。后者不会超过父视图的界限。

用户回答回答于

假设在线浏览,Web浏览器是你的frame它决定了网页的显示位置和大小。右边的滚动块是你bounds.origin这决定了网页的哪一部分将被显示。bounds.origin很难理解。最好创建单个视图应用程序,然后修改参数,看看有什么变化

- (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));
用户回答回答于

在wwdc 2011中,对于帧、界、中心、变换、界的含义还有另一种用视觉表示的解释。

用户回答回答于

框架实际上不是视图或层的一个独特属性,它是一个虚拟属性,根据边界、计算计算(UIView的中心),并变换。

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

用户回答回答于
  • Frame属性包含框架矩形,它指定视图在其父类视图的坐标系统中的大小和位置。
  • 边界属性包含边界矩形,它在视图的本地坐标系统中指定视图的大小。
  • 中心属性包含在父视图的坐标系统中视图的已知中心点。
用户回答回答于

通过下面的图你可以很好的理解

此外,请注意当图像旋转时frame.size != bounds.size

用户回答回答于

想到frame,我会想墙上的画框图片可以在里面任意移动,视图的坐标系是SuperView。(墙=父类视图,框架=视图)

对于bounds,我会想到篮球场的场地界限,篮球就在这个场地之中,就像视野中的坐标系统一样。(球场=视图,篮球/运动员=视图内的内容)

就像框架,视图的中心点也在SuperView的坐标中。

框架与边界-示例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

扫码关注云+社区

领取腾讯云代金券