IOS开发——旋转(CGAffineTransformMakeRotation)之后view和子view坐标系的变化

好久没有写博客了,最近项目中遇到了视图旋转的运用,在view 旋转之后view以及子view的坐标系发生了一系列变化,做项目时赶时间没太理清他们之间的关系,项目完毕整理一下这方面的知识记录一下。

首先明确frame、bounds、center的概念,这对于后期理解非常重要

frame:(CGRect结构体)该视图左顶点在父视图的坐标系下的位置,以及该视图在父视图中占据的宽和高

bounds:(CGRect结构体)描述的是该视图自己坐标系顶点的基准值,以及该视图自身的大小

center:(CGPoint类型)描述了该视图中心点在父视图坐标系下的位置

更深入的一些差异见这篇文章:http://blog.csdn.net/qq_17354271/article/details/45999265


写了一个小demo来观察视图frame、bounds、center的变化

上代码.....

IOS开发——旋转(CGAffineTransformMakeRotation)之后view和子view坐标系的变化_第1张图片

- (void)viewDidLoad {
    [super viewDidLoad];
    [self printViews];
}

- (void)printViews{
    NSLog(@"视图一");
    [self printView:_v1];
    NSLog(@"视图二");
    [self printView:_v1_1];
    NSLog(@"视图三");
    [self printView:_v2];
    NSLog(@"************************************");
}

- (void)printView:(UIView*)view{
    NSLog(@"frame = %@",NSStringFromCGRect(view.frame));
    NSLog(@"Bounds = %@",NSStringFromCGRect(view.bounds));
    NSLog(@"Center = %@",NSStringFromCGPoint(view.center));
    
}

- (void)transform:(UIView*)view{
//    [view setTransform:CGAffineTransformRotate(CGAffineTransformIdentity, M_PI_2)];
    [view setTransform:CGAffineTransformMakeRotation(M_PI_2)];
    
    NSLog(@"旋转后 视图一");
    [self printView:_v1];
    NSLog(@"旋转后 视图二");
    [self printView:_v1_1];
}

- (IBAction)btnTransTouchDown:(id)sender {
    [self transform:_v1];
}

运行效果:

IOS开发——旋转(CGAffineTransformMakeRotation)之后view和子view坐标系的变化_第2张图片  

视图一旋转前

      IOS开发——旋转(CGAffineTransformMakeRotation)之后view和子view坐标系的变化_第3张图片

     视图一旋转后 


旋转前后结果分析:

  视图一(v1) 视图二(v1_1 视图一的子视图) 视图三(v2)
frame 变化 不变 不变
bounds 不变 不变 不变
center 不变 不变 不变

视图一旋转90° ,视图一以及其子视图都会发生视图效果改变,但是只有视图一自身frame发生变化这里值得注意的是bounds并没有发生变化

原因分析:

视图旋转只影响视图本身以及子视图的视觉效果,视图旋转改变了其在父视图中的位置但并未改变自身尺寸,也没有改变子视图在其坐标系的位置,另外该旋转是围绕center为中心进行的,so 只有旋转的视图自身frame发生改变、bounds和center不受影响,子视图的坐标系均不受影响(bounds、center、frame)


你可能感兴趣的:(IOS开发)