iOS坐标系
iOS特有的坐标系的左上角为坐标原点,往右为x的正方向,往左为y的正方向。
frame和bounds都属于CGrect类型的结构体,包含CGPoint(起点)和一个CGSize(尺寸)子结构体。
struct CGRect {
CGPoint origin;
CGSize size;
};
origin决定了View每个view的起点,size决定view的尺寸。
1. frame
frame是每一个view必备的属性,表示view在父view中的大小和位置,参照点是父视图的坐标系统。
示例:
- (void)test_frame {
UIView *viewA = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 300, 300)];
[viewA setBackgroundColor:[UIColor redColor]];
[self.view addSubview:viewA];
NSLog(@"viewA - %@", NSStringFromCGRect(viewA.frame));
UIView *viewB = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 200, 200)];
[viewB setBackgroundColor:[UIColor yellowColor]];
[viewA addSubview:viewB];
NSLog(@"viewB - %@", NSStringFromCGRect(viewB.frame));
UIView *viewC = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 100, 100)];
[viewC setBackgroundColor:[UIColor blueColor]];
[self.view addSubview:viewC];
NSLog(@"viewC - %@", NSStringFromCGRect(viewC.frame));
}
打印结果:
效果图:
从上面图可以看出,viewB和viewC的起点重合,但是从打印结果来看,viewB的起点为{50, 50},viewC的起点为{100, 100}。原因是frame中的位置是以父视图的坐标系为标准来确定当前视图的位置,viewB的父视图为viewA,viewC的父视图为self.view,由于viewA的起点为(50,50),所以viewB与viewC起点才会重合。
2. bounds
**bounds也是每个view都有的属性,这个属性我们一般不进行设置,表示view在本地坐标系统中的位置和大小。**参照点是本地坐标系统。如果我们对上例打印bounds,将会得到以下结果:
- (void)test_frame {
UIView *viewA = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 300, 300)];
[viewA setBackgroundColor:[UIColor blueColor]];
[self.view addSubview:viewA];
NSLog(@"viewA - %@",NSStringFromCGRect(viewA.frame));
UIView *viewB = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 200, 200)];
[viewB setBackgroundColor:[UIColor yellowColor]];
[viewA addSubview:viewB];
NSLog(@"viewB - %@",NSStringFromCGRect(viewB.frame));
UIView *viewC = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 100, 100)];
[viewC setBackgroundColor:[UIColor redColor]];
[self.view addSubview:viewC];
NSLog(@"viewC - %@",NSStringFromCGRect(viewC.frame));
}
我们并没有设置bounds值,那么,bounds到底有什么作用呢。每个视图都有自己的坐标系,且这个坐标系默认以自身的左上角为坐标原点所有子视图以这个坐标系的原点为基准点。**bounds的位置表示子视图看待当前视图左上角的位置,bounds的大小代表当前视图的大小。**原则如下:
- 更改bounds中的位置,对于当前视图没有影响,相当于更改了当前视图的坐标系,对于子视图来说当前视图的左上角已经不再是(0,0),而是改变后的坐标,坐标改了以后,所有子视图的位置也会改变。
- 更改bounds中的大小,bounds的大小代表当前视图的长和宽,修改长和宽之后,中心点继续保持不变,长和宽改变,通过bounds修改长宽看起来就像是以中心点为基准点对长宽两边同时进行缩放。
3. 两者区别
origin区别
如下图:
此时,如果我们把ViewA的bounds改为(0,100),结果如下:
bounds的位置代表的是子视图看待当前视图左上角的位置。bounds遵守的原则一中,更改bounds中的位置对于当前视图(ViewA)没有影响,相当于更改了ViewA的坐标系,但是子视图(ViewB)不同,对于ViewB来说ViewA的左上角已经不再是(0,0), 而是(0,100),所以对于ViewB来说,ViewA坐标系的原点其实是在红色箭头所指处的上方100处,而此时ViewB的frame.origin为(200,100),所以ViewB的上边与ViewA上边重合。
如果我们更改ViewA的bounds为(200,0),同理(可以自己思考试试),结果如下:
size的区别
frame的size直接决定了view的大小,而bounds的size修改后,view的中心点不变,长宽以中心点进行缩放。
如下例:
- (void)test {
UIView *viewA = [[UIView alloc] initWithFrame:CGRectMake(50, 100, 320, 240)];
[viewA setBackgroundColor:[UIColor grayColor]];
[self.view addSubview:viewA];
UIView *viewB = [[UIView alloc] initWithFrame:CGRectMake(100, 50, 160, 120)];
[viewB setBackgroundColor:[UIColor blueColor]];
[viewA addSubview:viewB];
// //viewB设置size(320,160)
[viewB setBounds:CGRectMake(0, 0, 320, 240)];
}
结果如下:
修改之后:
第二个图为设置了size之后的结果,viewB左上点距离viewA显然不为(100,50),而是进行了基于viewB视图中心点的缩放操作。
4. 总结
- frame不管对于位置还是大小,改变的都是自己本身。
- frame的位置是以父视图的坐标系作为参考,从而确定当前视图在父视图中的位置。
- frame的大小改变时,当前视图的左上角位置不会改变,改变的只是大小。
- bounds改变位置时,改变的是子视图的位置,自身没有受到影响,其实就是改变了本身的坐标系原点,默认本身坐标系的原点是左上角。
- bounds改变大小时,当前视图的中心点不会发生改变,当前视图的大小发生改变,看起来效果就想缩放一样。