尊敬的核心动画/iOS 专家，

我正在尝试获得类似于以下问题的效果。

Core animation animating the layer to flip horizontally

接受的答案似乎准确地描述了我的要求，除了这个答案没有代码，而且我写的任何代码都无法工作。

这正是我想要做的:
1) 有 1 个主视图 Controller / View ，在主视图的一部分上有 2 个重叠的 UIView，只显示一个(1 个在“前面”，1 个在“后面”)
2) 一个单独的 UIControl/UIButton 被按下，然后发生 3D 翻转转换，将前(可见) View 旋转出 View ，同时将后(隐藏) View 旋转到前面......就像看到相反的一张扑克牌。
3) 可以按住UIControl在两个 View 之间切换
4) 能够仅与正面 View 上的控件进行交互(即按下前层不会无意中触发背面的控件，而背面恰好位于水龙头下方)

我可能以错误的方式处理这个问题，请告诉我。理想情况下，我想使用 Core Animation，而不是翻转事务中内置的 UIView，因为我希望动画是 3D 的，并且还想将此任务用作执行更复杂的 CA 内容的垫脚石。

目前我可以让前 View 很好地翻转(只有一次)，但后 View 不显示。

干杯，
安迪

这是我得到的代码:

MainViewController.h

@interface MainViewController : UIViewController
    - (IBAction)changeViewTapped:(UITapGestureRecognizer *)recognizer;
@end

MainViewController.m

#import "MainViewController.h"
#import <QuartzCore/QuartzCore.h>

@interface MainViewController ()

@property (weak, nonatomic) IBOutlet UIView *detailView;
@property (weak, nonatomic) IBOutlet UIView *listView;
@property (nonatomic) CATransform3D rotationAndPerspectiveTransform;

@end

@implementation MainViewController

@synthesize detailView = _detailView;
@synthesize listView = _listView;
@synthesize rotationAndPerspectiveTransform = _rotationAndPerspectiveTransform;

- (void)viewDidLoad {
    [super viewDidLoad];

    CATransform3D rotationAndPerspectiveTransform = CATransform3DIdentity;
    rotationAndPerspectiveTransform.m34 = 1.0 / -500;
    rotationAndPerspectiveTransform = CATransform3DRotate(rotationAndPerspectiveTransform, M_PI, 0.0f, 1.0f, 0.0f);
    self.rotationAndPerspectiveTransform = rotationAndPerspectiveTransform;

    CALayer *listLayer = self.listView.layer;
    listLayer.doubleSided = NO;
    listLayer.transform = self.rotationAndPerspectiveTransform;
}

- (IBAction)changeViewTapped:(UITapGestureRecognizer *)recognizer {
    CALayer *detailLayer = self.detailView.layer;
    CALayer *listLayer = self.listView.layer;

    detailLayer.doubleSided = NO;
    listLayer.doubleSided = NO;

    [UIView animateWithDuration:0.5 animations:^{
        detailLayer.transform = self.rotationAndPerspectiveTransform;
        listLayer.transform = self.rotationAndPerspectiveTransform;
    } completion:^(BOOL finished){
        // code to be executed when flip is completed
    }];
}

@end

最佳答案

有关 iOS 中翻转动画的快速提示 -- 在您开始翻转动画之前，系统需要时间来渲染后 View (将翻转到的 View )。因此，如果您尝试更改该 View 的内容，并以相同的方法触发翻转动画，就会遇到问题。

为了解决这个问题，我已经成功地使用了这样的代码:

- (void)flipView {
   // Setup the view for the back side of the flip

   [self performSelector:@selector(performFlip) withObject:nil afterDelay: 0.1];
}

- (void)performFlip {
    [UIView transitionWithView: tileToFlip
                      duration: 0.5
                       options: UIViewAnimationOptionTransitionFlipFromLeft
                    animations:^{
                        // My flip specific code
                    }
                    completion:^(BOOL finished) {
                    }
     ];
}

简而言之，我在 flipView 方法中设置所有内容，将控制权返回给 iOS，以便它有时间进行渲染，然后启动 flipTile选择器在十分之一秒后执行实际动画。

祝你好运!

关于ios - 使用 Core Animation 的 UIView 翻转动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17404915/