首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用CATransform3DMakeRotation时没有视角

使用CATransform3DMakeRotation时没有视角
EN

Stack Overflow用户
提问于 2013-02-13 02:50:51
回答 2查看 2.2K关注 0票数 3

我正在尝试使用CATransform3DMakeRotation在UIView图层上执行3D旋转。我搞不懂为什么这个简单的例子没有显示透视图,而是看起来被压扁了。当使用CATransform3DRotate时,我可以让旋转工作,但我不想旋转,我想旋转到。谢谢。

代码语言:javascript
复制
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];

    UIView *newView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 100, 100)];
    [newView setBackgroundColor:[UIColor orangeColor]];
    UILabel *newLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 10, 50, 20)];
    [newLabel setText:@"Hello"];
    [newView addSubview:newLabel];
    [self.window addSubview:newView];

    CALayer *layer = newView.layer;

    CATransform3D perspective = CATransform3DMakeRotation(1.0, 0, 1, 0);
    perspective.m34 = -1 / 500;

    layer.anchorPoint = CGPointMake(1.0, 0.5);
    layer.zPosition = 99;
    layer.transform = perspective;

    self.window.backgroundColor = [UIColor whiteColor];
    [self.window makeKeyAndVisible];
    return YES;
}

下面是它的屏幕截图:

在David的回答之后更新:

为了强调David的观点,即顺序很重要,我想看看矩阵之间的差异,并对此进行了编码:

代码语言:javascript
复制
CATransform3D transform1 = CATransform3DMakeRotation(-1, 0, 1, 0);
transform1.m34 = -1.0 / 500.0;

NSLog(@"%f %f %f %f", transform1.m11, transform1.m12, transform1.m13, transform1.m14);
NSLog(@"%f %f %f %f", transform1.m21, transform1.m22, transform1.m23, transform1.m24);
NSLog(@"%f %f %f %f", transform1.m31, transform1.m32, transform1.m33, transform1.m34);
NSLog(@"%f %f %f %f", transform1.m41, transform1.m42, transform1.m43, transform1.m44);

NSLog(@"==============================");

CATransform3D transform2 = CATransform3DIdentity;
transform2.m34 = -1.0 / 500.0;
transform2 = CATransform3DRotate(transform2, -1, 0, 1, 0);

NSLog(@"%f %f %f %f", transform2.m11, transform2.m12, transform2.m13, transform2.m14);
NSLog(@"%f %f %f %f", transform2.m21, transform2.m22, transform2.m23, transform2.m24);
NSLog(@"%f %f %f %f", transform2.m31, transform2.m32, transform2.m33, transform2.m34);
NSLog(@"%f %f %f %f", transform2.m41, transform2.m42, transform2.m43, transform2.m44);

NSLog(@"==============================");

CATransform3D transform3 = CATransform3DIdentity;
transform3 = CATransform3DRotate(transform3, -1, 0, 1, 0);
transform3.m34 = -1.0 / 500.0;

NSLog(@"%f %f %f %f", transform3.m11, transform3.m12, transform3.m13, transform3.m14);
NSLog(@"%f %f %f %f", transform3.m21, transform3.m22, transform3.m23, transform3.m24);
NSLog(@"%f %f %f %f", transform3.m31, transform3.m32, transform3.m33, transform3.m34);
NSLog(@"%f %f %f %f", transform3.m41, transform3.m42, transform3.m43, transform3.m44);

它会生成以下输出:

代码语言:javascript
复制
0.540302 0.000000 0.841471 0.000000
0.000000 1.000000 0.000000 0.000000
-0.841471 0.000000 0.540302 -0.002000
0.000000 0.000000 0.000000 1.000000
==============================
0.540302 0.000000 0.841471 -0.001683
0.000000 1.000000 0.000000 0.000000
-0.841471 0.000000 0.540302 -0.001081
0.000000 0.000000 0.000000 1.000000
==============================
0.540302 0.000000 0.841471 0.000000
0.000000 1.000000 0.000000 0.000000
-0.841471 0.000000 0.540302 -0.002000
0.000000 0.000000 0.000000 1.000000
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-02-13 05:29:21

设置m34值并不能为您提供所有魔术转换的透视图(不幸的是)。由于旋转更改了转换的许多不同值,因此您需要在身份消息上设置透视图,然后旋转该转换。

代码语言:javascript
复制
CATransform3D rotationWithPerspective = CATransform3DIdentity;
rotationWithPerspective.m34 = -1.0/500.0;
rotationWithPerspective = CATransform3DRotate(rotationWithPerspective, angle, 0, 1, 0);

这里与您所做的不同之处在于,您创建了一个单位矩阵,并在此矩阵上设置了视角,然后旋转该矩阵。问题是顺序很重要。

如果您了解矩阵数学,那么您可以验证两个转换之间的差异,并了解为什么您的转换不能为您提供任何视角。如果你对学习转换背后的数学感兴趣,我写的a blog post就是关于这一点的(警告:它相当长,并且只包含数学)。

票数 18
EN

Stack Overflow用户

发布于 2013-02-13 04:18:35

我一直觉得m34属性很挑剔,试试这个:

CATransform3D transform = CATransform3DIdentity;

代替CATransform3DMakeRotation(1.0, 0, 1, 0);

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14839645

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档