UIView的垂直翻转动画

Question

考虑：

[UIView beginAnimations:nil context:nil]; 
[UIView setAnimationCurve:UIViewAnimationCurveEaseOut]; 
[UIView setAnimationDuration:.5]; 
[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:card cache:NO]; 
myPic = [UIImage UIImagenamed: @"mySecondImage.png"]; 
[UIView commitAnimations];[/CODE] 

哪个动画 'myPic' 向左与向右翻转。

我需要获得相同的动画，但垂直。从顶部翻转或从底部翻转。我环顾四周，没有人真的有建议的工作模式。

我想这一点，到目前为止，还没有运气：

float duration = .5; 
CABasicAnimation* animation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.x"]; 
animation.fromValue = [NSNumber numberWithDouble:0.0f * M_PI]; 
animation.toValue = [NSNumber numberWithDouble:1.0f * M_PI]; 
animation.duration = duration; 
animation.removedOnCompletion = NO; 
animation.fillMode = kCAFillModeBoth; 
animation.repeatCount =1;; 
animation.beginTime = CACurrentMediaTime(); 
animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]; 
card.layer.anchorPoint = CGPointMake(0.5, 1.0); 
[card.layer addAnimation:animation forKey:@"rotationX"];[/CODE] 

任何输入？ 在此先感谢。

Answer 1

我还需要从底部动画翻转。我已经编译了几个解决方案，这对我很有用

- (CATransform3D) makeRotationAndPerspectiveTransform:(CGFloat) angle { 
    CATransform3D transform = CATransform3DMakeRotation(angle, 1.0f, 0.0f, 0.0f); 
    transform.m34 = 1.0/-500; 
    return transform; 
} 

- (void) flipFromBottom { 

    //setup firstView to be visible 
    view1.layer.transform = CATransform3DMakeRotation(0, 1.0f, 0.0f, 0.0f); 
    view1.hidden = NO; 

    // setup secondView to be partialy rotated and invisible 
    view2.layer.transform = [self makeRotationAndPerspectiveTransform:M_PI/2]; 
    view2.hidden = YES; 

    // making sure that both views have the same position 
    view2.frame = view1.frame; 

    CFTimeInterval duration = 2.0; 

    [UIView animateWithDuration:duration/2 
          delay:0 
         options:UIViewAnimationCurveEaseIn 
        animations:^{ 
         view1.layer.transform = [self makeRotationAndPerspectiveTransform:-M_PI/2]; 
        } 
        completion:^(BOOL finished){ 
         view1.hidden = YES; 
         view2.hidden = NO; 
         [UIView animateWithDuration:duration /2 
               delay:0 
              options:UIViewAnimationCurveEaseOut 
              animations:^{ 
          view2.layer.transform = CATransform3DMakeRotation(0.0f, 1.0f, 0.0f, 0.0f); 
              } 
              completion:NULL]; 
        }]; 
}