6

我正在使用 CATransform3D 转换将伪 3D 透视效果应用于视图。

我正在使用 iPhone 4 中的陀螺仪来控制变换的参数。

我正在转换的视图有一些子视图:

带有子视图的视图

结果是这样的:

3D 变换在行动

我的下一个任务是防止子视图在主视图被转换时被转换,或者应用逆变换以使子视图不受影响。

我的目标是让每个子视图垂直于父视图,给人一种它们是“站立”的印象。

我用于转换的代码:

- (void)update:(NSTimer *)timer
{
    roll = [[[_manager deviceMotion] attitude] roll];
    pitch = [[[_manager deviceMotion] attitude] pitch];
    yaw = [[[_manager deviceMotion] attitude] yaw];

    CALayer *layer = [self.view layer];
    CATransform3D rotationAndPerspectiveTransform = CATransform3DIdentity;
    rotationAndPerspectiveTransform = CATransform3DRotate(rotationAndPerspectiveTransform, -90 * M_PI / 180.0f, 0.0f, 0.0f, 1.0f); // make landscape again  
    rotationAndPerspectiveTransform.m34 = 1.0 / -500; // apply the perspective
    rotationAndPerspectiveTransform = CATransform3DRotate(rotationAndPerspectiveTransform, roll, 1.0f, 0.0f, 0.0f);
    rotationAndPerspectiveTransform = CATransform3DRotate(rotationAndPerspectiveTransform, yaw, 0.0f, 0.0f, 1.0f);
    [layer setTransform:rotationAndPerspectiveTransform];       
}

我尝试了以下代码,试图通过围绕 Y 轴对子视图应用 90 度透视旋转来反转变换:

for (UIView *subview in [self.view subviews])
{
    CALayer *sublayer = [subview layer];
//CATransform3D inverseTransformation = [sublayer transform];
CATransform3D inverseTransformation = CATransform3DIdentity;
rotationAndPerspectiveTransform.m34 = 1.0 / -500; // apply perspective
inverseTransformation = CATransform3DRotate(inverseTransformation, 90 * M_PI / 180.0f, 0.0f, 1.0f, 0.0f);
[sublayer setTransform:inverseTransformation];
}

但是所有这一切都成功地使子视图消失了。如果我尝试使用图层中的现有变换[sublayer transform]并对其应用 3d 旋转,则子视图会闪烁,但不会旋转。

我对矩阵数学的了解不是很好,所以我不知道这是否是正确的方法。

如何使子视图垂直于超级视图?

4

1 回答 1

1

我建议不要尝试使用计算每个单独转换的基本方法。此外,这将更容易为每个小子视图使用 CALayers 而不是更高级别的 UIView 对象。构建 3D 模型和转换整个模型的基本方法应该更适合您。

从主层开始,为每个小方块添加一个子层,将这些子层转换到位,然后您update:的问题中列出的方法应该可以在不修改的情况下转换所有内容。John Blackburn 有一个很好的小教程,应该会有很大帮助。

于 2011-11-11T15:04:45.643 回答