沿 X 轴（水平轴）旋转 UIView

Question

我想将 UIView 在其水平轴上旋转 360 度，然后刷新视图中的内容。我一直在寻找这方面的解决方案。在这里和那里发现了一对。这就是我得出的结果。

    [UIView animateWithDuration:1 delay:0 options:UIViewAnimationOptionTransitionNone animations:^{
        self.tableView.layer.transform = CATransform3DMakeRotation(M_PI,1.0,0.0,0.0);
    } completion:^(BOOL finished){
        NSLog(@"Finished first pi");
        [UIView animateWithDuration:1 delay:0 options:UIViewAnimationOptionTransitionNone animations:^{
            self.tableView.layer.transform = CATransform3DMakeRotation(M_PI,1.0,0.0,0.0);
        }  completion:^(BOOL finished) {
            NSLog(@"Finished second pi");

        }];           

    }];

这会翻转视图，但仅翻转 180 度。我希望它再翻转一次，以便我可以正常看到视图。

我的两个 NSLog 都一个接一个地显示。我确信我在这里遗漏了一些东西。任何帮助都会有帮助..

谢谢

Answer 1

在完成块中尝试将新转换与当前转换连接起来。

self.tableView.layer.transform = CATransform3DConcat(self.tableView.layer.transform, CATransform3DMakeRotation(M_PI,1.0,0.0,0.0));

Answer 2

您应该检查这个答案 如何使CATransform3dMakeRotation以另一种方式旋转？并链接在一起

我认为你的问题与：“当你直接使用变换时，核心动画会将变换从当前值插值到指定的变换。它将找到到达的最短路径该变换，这将限制动画方向。如果您尝试对同一变换属性进行两次动画处理，则第二个值将简单地覆盖第一个值，而不是将两个变换组合在一起。”

Answer 3

使用这个：-

  rotatingView.layer.anchorPoint = CGPointMake(0.0f, 0.0f);
    rotatingView.center = CGPointMake(0,
                                       (rotatingView.center.y -
                                        (rotatingView.bounds.size.height/2.0f)));
    rotatingView.center = CGPointMake(0,
                                      (rotatingView.center.y-
                                       (rotatingView.bounds.size.height/2)));

// start the Page Open
[UIView beginAnimations:@"Animation" context:nil];
[UIView setAnimationDuration:13.0];
// set angle as per requirement
[rotatingView.layer setValue:[NSNumber numberWithInt:280]
                   forKeyPath:@"transform.rotation.x"];

[UIView commitAnimations];

Answer 4

您只需在完成块内将代码从 1.0 更改为 0.0 就可以了。

 [UIView animateWithDuration:1 delay:0 options:UIViewAnimationOptionTransitionNone animations:^{
            self.tableView.layer.transform = CATransform3DMakeRotation(M_PI,1.0,0.0,0.0);
        } completion:^(BOOL finished){
            NSLog(@"Finished first pi");
            [UIView animateWithDuration:1 delay:0 options:UIViewAnimationOptionTransitionNone animations:^{
                self.tableView.layer.transform = CATransform3DMakeRotation(M_PI,0.0,0.0,0.0);
            }  completion:^(BOOL finished) {
                NSLog(@"Finished second pi");

            }];           

        }];

Answer 5

您还可以使用 .Repeat 和 .Autoreverse 动画选项 + 设置动画的重复次数来实现此目的。下面是 Swift 中的一个例子：

    UIView.animateWithDuration(time, delay: 0, options: [.Repeat, .Autoreverse], animations: {
        UIView.setAnimationRepeatCount(3)
        self.view.layer.transform = CATransform3DMakeRotation(CGFloat(M_PI), 1, 0, 0)
    }) { (completed) in
        // completion
    }