4

亲爱的 Core Animation/iOS 专家，

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

核心动画动画层水平翻转

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

这正是我想要做的：
1）有1个主视图控制器/视图，在主视图的一部分上有2个重叠的UIViews，只显示一个（1个在'前面'，1个在' back')
2) 按下单独的 UIControl/UIButton，然后发生 3D 翻转过渡，将前（可见）视图旋转到视图之外，同时将后（隐藏）视图旋转到前面......就像看到扑克牌的反面。
3) 能够按住 UIControl 在两个视图之间切换
4) 能够仅与前视图上的控件进行交互（即按下前层不会无意中触发背面的控件，该控件恰好位于下方水龙头）

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

目前我可以很好地翻转前视图（仅一次），但后视图不显示。

干杯，
安迪

这是我得到的代码：

主视图控制器.h

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

主视图控制器.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
4

2 回答 2

3

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

为了解决这个问题，我用这样的代码取得了成功：

- (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在十分之一秒后启动选择器以执行实际动画。

祝你好运！

于 2013-07-01T14:33:57.503 回答
0 
- (void)perform
{
   UIViewController *src = (UIViewController *) self.sourceViewController;
   UIViewController *dst = (UIViewController *) self.destinationViewController;    

  [UIView beginAnimations:@"LeftFlip" context:nil];
  [UIView setAnimationDuration:0.8];
  [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
  [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft    forView:src.view.superview cache:YES];
  [UIView commitAnimations];

  [src presentViewController:dst animated:NO completion:nil];
 }
于 2014-10-16T08:02:37.707 回答