翻转和旋转

Question

我有2个意见。我想要一张卡翻转并沿着它的轴旋转以显示另一个视图。

所以，当我点击厂景，厂景应翻动，但在这个意义上翻转，它绕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; 
        } 
       }]; 

Answer 1

有几个方法可以使一个视图翻转到另一个使用iOS上的石英，如果你不喜欢内置的翻转转型。以下两个代码片段都要求您输入#import <QuartzCore/QuartzCore.h>，并且还链接到QuartzCore框架。请注意，我写的两个函数都假设这两个视图都被添加为具有相同框架的子视图，并且其中一个被隐藏（setHidden:）。

第一个功能将使用2D转换将一个视图翻转到另一个视图。这是更有效的，它所做的只是沿x轴缩放。在高速下，它看起来不错，国际海事组织。

+ (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]; 
}