iOS的CATransform3D坐标

Question

真的很感激任何帮助这一个。我在视图上应用了三维变换，并需要确定渲染视图的边缘坐标，以便可以呈现与其相邻的另一个视图（没有任何像素间隙）。具体而言，我想通过动画角度将一系列视图（“页面”）折叠成小册子。

int dir = (isOddNumberedPage ? 1 : -1); 
    float angle = 10.0; 

    theView.frame = CGRectMake(pageNumber * 320, 0, 320, 460);   
    CATransform3D rotationAndPerspectiveTransform = CATransform3DIdentity; 
    rotationAndPerspectiveTransform.m34 = -1.0/2000; // Perspective 
    rotationAndPerspectiveTransform = CATransform3DRotate(rotationAndPerspectiveTransform, 
      dir * angle/(180.0/M_PI), 0.0f, 1.0f, 0.0f); 
    theView.layer.transform = rotationAndPerspectiveTransform; 

    // Now need to get the top, left, width, height of the transformed view to correct the view's left offset 

我已经尝试了一些通过检查CALayer的，在使用一些矩阵数学代码段，我发现一个失败的尝试这样做的方法，但一直没能破解它，甚至接近（视角度，出好20个像素）。有没有一种方法可以做到这一点，而不用花2周时间阅读矩阵数学教科书？

Answer 1

视图的框架是超视图坐标系中与轴对齐的矩形。框架完全包围视图的边界。如果视图被转换，框架会调整以紧密包围视图的新边界。

当您将Y轴旋转和透视应用于视图时，视图的左右边缘会移向其锚点（通常为视图的中心）。左边缘也可以长或短，而右边缘则相反。

因此，视图的框架（应用转换后）将为您提供转换视图的左边缘坐标和宽度，以及较高边的顶部和高度（可能是左边或右边）。这里是我的测试代码：

NSLog(@"frame before tilting = %@", NSStringFromCGRect(self.tiltView.frame)); 
float angle = 30.0; 
CATransform3D rotationAndPerspectiveTransform = CATransform3DIdentity; 
rotationAndPerspectiveTransform.m34 = -1.0/2000; // Perspective 
rotationAndPerspectiveTransform = CATransform3DRotate(rotationAndPerspectiveTransform, 
     1 * angle/(180.0/M_PI), 0.0f, 1.0f, 0.0f); 
self.tiltView.layer.transform = rotationAndPerspectiveTransform; 
NSLog(@"frame after tilting = %@", NSStringFromCGRect(self.tiltView.frame)); 

下面是输出：

2012-01-04 12:44:08.405 layer[72495:f803] frame before tilting = {{50, 50}, {220, 360}} 
2012-01-04 12:44:08.406 layer[72495:f803] frame after tilting = {{62.0434, 44.91}, {190.67, 370.18}} 

您也可以获取视图的角的坐标，在上海华的使用convertPoint:fromView:或convertPoint:toView:坐标空间。测试代码：

CGRect bounds = self.tiltView.bounds; 
    CGPoint upperLeft = bounds.origin; 
    CGPoint upperRight = CGPointMake(CGRectGetMaxX(bounds), bounds.origin.y); 
    CGPoint lowerLeft = CGPointMake(bounds.origin.x, CGRectGetMaxY(bounds)); 
    CGPoint lowerRight = CGPointMake(upperRight.x, lowerLeft.y); 
#define LogPoint(P) NSLog(@"%s = %@ -> %@", #P, \ 
    NSStringFromCGPoint(P), \ 
    NSStringFromCGPoint([self.tiltView.superview convertPoint:P fromView:self.tiltView])) 
    LogPoint(upperLeft); 
    LogPoint(upperRight); 
    LogPoint(lowerLeft); 
    LogPoint(lowerRight); 

输出：

2012-01-04 13:03:00.663 layer[72635:f803] upperLeft = {0, 0} -> {62.0434, 44.91} 
2012-01-04 13:03:00.663 layer[72635:f803] upperRight = {220, 0} -> {252.713, 54.8175} 
2012-01-04 13:03:00.663 layer[72635:f803] lowerLeft = {0, 360} -> {62.0434, 415.09} 
2012-01-04 13:03:00.663 layer[72635:f803] lowerRight = {220, 360} -> {252.713, 405.182} 

注意的Y upperLeft和upperRight点的坐标是上海华盈的坐标系中的不同。