在UIView中,有三个重要的属性:frame, bounds 和 center。这三个属性之间的关系让初学者很难理解。下面我通过个人的理解,说说它们的关系。


先记住下面两句话:

frame的位置是相对父视图来说的,bounds 和 center 是相对自身来说的。bounds 改变 center 不变,center 改变,bounds 也不变。

每一个UIView都有自身的坐标系。默认坐标系起点都是在左上角。往UIView 添加 view 时是根据其坐标系来计算位置的 。


现在看看基本代码:

UIView *greenView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 100, 200)];
    greenView.backgroundColor = [UIColor greenColor];
    [self.window addSubview:greenView];
    [greenView release];
    
    UIView *blueView = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 50, 50)];
    blueView.backgroundColor = [UIColor blueColor];
    [greenView addSubview:blueView];
    [blueView release];

运行结果:

ios uiview设置阴影效果 uiview bounds_Objective-C

以上代码很简单,只是简单的添加了两个UIView控件,就不多说了。


现在,我们修改一下greenView的 bounds, 如下代码:

CGRect newBounds = greenView.bounds;
    newBounds.origin = CGPointMake(50, 0);
    greenView.bounds = newBounds;



ios uiview设置阴影效果 uiview bounds_bounds_02


现在,我们来分析一下:

从结果可以看到,blueView相对于greenView像左移动了50。为什么会这样?上面已经说了,每个UIView都有自己的坐标系,而且默认是UIView的左上角。而上面代码将 greenView的 bounds 属性修改为 (50, 0, 100, 200)。这时也就是说 greenView 上的 bounds 相对于自身的坐标系的偏移值是:(50,0),如下图:

ios uiview设置阴影效果 uiview bounds_bounds_03

(默认情况下)

ios uiview设置阴影效果 uiview bounds_center_04

(修改bounds属性坐标后)


从图中可以看出, greenView 在屏幕上的位置不变,只是其自身的坐标系改变了。所以,在向其添加 blueView时,计算坐标位置就不在是从 greenView的左上角开始计算了。上面,我们只是把 bounds 的 X 坐标修改了。同理,如果把 greenView 的bounds的坐标改为(-10, -30)那其坐标系就会成下图中那样:

ios uiview设置阴影效果 uiview bounds_ios uiview设置阴影效果_05


现在我们改变一下 greenViewd 下 bounds属性的 宽和高, 如下代码:

GRect newBounds = greenView.bounds;
    newBounds.size = CGSizeMake(200, 200);
    greenView.bounds = newBounds;



运行结果:

ios uiview设置阴影效果 uiview bounds_bounds_06

可以发现,greenView 不仅大小变化了,而且位置也改变了。出现这个结果的原因很简单:还是上面说的那句话:bounds 改变 center 不变。而我们修改了 greenView 的宽度后,它不能只是想左边拓展或向右边拓展(因为这样的话 center 就改变了),所以为了保持 center 不变只能向两边一起拓展了。于是就有了上面的结果。注:这是自身坐标系没有变,frame 属性变了。

如果修改 center 的位置,那 greenView 也会移动,因为 center 是相对自身来说的。


总的来说,要理解这三者的关系,只要记住上面两句话:

1. frame的位置是相对父视图来说的,bounds 和 center 是相对自身来说的。bounds 改变 center 不变,center 改变,bounds 也不变。

2.每一个UIView都有自身的坐标系。默认坐标系起点都是在左上角。往UIView 添加 view 时是根据其坐标系来计算位置的 。