翻转和旋转答案

【问题标题】：Flip and Rotate翻转和旋转
【发布时间】：2013-01-04 01:14:55
【问题描述】：

我有 2 个视图。我想要一张卡片沿其轴翻转和旋转以显示另一个视图。

所以当我点击 view1 时，view1 应该翻转，但在它围绕 y 轴旋转以显示视图 2 的意义上翻转。

我在 IOS 中使用 FLIP 指令，但这并没有执行我正在寻找的“旋转”：

[UIView transitionFromView:(self.displayingPrimary ? self.primaryView : self.secondaryView)
                    toView:(self.displayingPrimary ? self.secondaryView : self.primaryView)
                  duration: 2.0
                   options: (self.displayingPrimary ? UIViewAnimationOptionTransitionFlipFromLeft :
                             UIViewAnimationOptionTransitionFlipFromRight) | UIViewAnimationOptionShowHideTransitionViews


                completion:^(BOOL finished) {
                    if (finished) {
                        self.displayingPrimary = !self.displayingPrimary;
                    }
                }];

【问题讨论】：

已经内置的 UIModalTransitionStyleFlipHorizontal 怎么样
你最终为此做了什么？我很好奇什么最终对你最有效（不管它是否是这个线程的一部分）。

标签： ios objective-c cocoa-touch ios4 core-animation

【解决方案1】：

如果您不喜欢内置的翻转转换，有几种方法可以在 iOS 上使用 Quartz 将一个视图翻转到另一个视图。以下两个代码 sn-ps 都要求您使用 #import <QuartzCore/QuartzCore.h> 并链接到 QuartzCore 框架。请注意，我编写的两个函数都假定两个视图都作为具有相同框架的子视图添加，其中一个是隐藏的 (setHidden:)。

第一个函数将使用 2D 转换将一个视图翻转到另一个视图。这更有效，它真正做的只是沿 x 轴缩放。在高速下，它看起来相当不错，IMO。

+ (void)flipFromView1:(UIView*)v1 toView:(UIView*)v2 duration:(NSTimeInterval)duration completion:(void (^)(BOOL finished))completion
{
    duration = duration/2;

    [v2.layer setAffineTransform:CGAffineTransformMakeScale(0, 1)];
    [UIView animateWithDuration:duration delay:0 options:UIViewAnimationOptionCurveEaseIn animations:^{
        [v1.layer setAffineTransform:CGAffineTransformMakeScale(0, 1)];
    } completion:^(BOOL finished){
        [v1 setHidden:YES];
        [v2 setHidden:NO];
    }];

    [UIView animateWithDuration:duration delay:duration options:UIViewAnimationOptionCurveEaseOut animations:^{
        [v2.layer setAffineTransform:CGAffineTransformMakeScale(1, 1)];
    } completion:completion];
}

第二个函数执行实际的 3D 转换。请注意，如果使用此 3D 变换旋转的视图位于 3D 空间中的其他子视图之上或之下，那么您可能会看到其他视图在此动画期间穿过或隐藏。

+ (void)flipFromView2:(UIView*)v1 toView:(UIView*)v2 duration:(NSTimeInterval)duration rToL:(BOOL)rToL completion:(void (^)(BOOL finished))completion
{
    duration = duration/2;

    v2.layer.transform = CATransform3DMakeRotation((rToL ? -1.57079633 : 1.57079633), 0, 1, 0);
    [UIView animateWithDuration:duration delay:0 options:UIViewAnimationOptionCurveEaseIn animations:^{
        v1.layer.transform = CATransform3DMakeRotation((rToL ? 1.57079633 : -1.57079633), 0, 1, 0);
    } completion:^(BOOL finished){
        [v1 setHidden:YES];
        [v2 setHidden:NO];
    }];

    [UIView animateWithDuration:duration delay:duration options:UIViewAnimationOptionCurveEaseOut animations:^{
        v2.layer.transform = CATransform3DMakeRotation(0, 0, 1, 0);
    } completion:completion];
}

【讨论】：