使用CATransform3D翻轉兩個UIView

Question

我創建了具有前視圖&背視圖的訪問卡。當我點擊前視圖時，它應該翻轉UIView &顯示視圖的背面。

這裏是我試圖代碼：

CATransform3D transform = CATransform3DMakeRotation(M_PI, 0, 1, 0); 
transform.m34 = 1.0/700.0; 


CABasicAnimation *rotation = [CABasicAnimation animationWithKeyPath:@"transform"]; 
rotation.fromValue = [NSValue valueWithCATransform3D:CATransform3DIdentity]; 
rotation.toValue = [NSValue valueWithCATransform3D:transform]; 
rotation.duration = DURATION; 

CABasicAnimation *translation = [CABasicAnimation animationWithKeyPath:@"position"]; 
translation.fromValue = [NSValue valueWithCGPoint:CGPointMake(self.imageview.center.x,[[self.imageview superview] center].y-45)]; 
translation.toValue = [NSValue valueWithCGPoint:CGPointMake(_frame.origin.x+_frame.size.width/2, 
                  _frame.origin.y+_frame.size.height/2)]; 
translation.duration = DURATION; 


CABasicAnimation *translation = [CABasicAnimation animationWithKeyPath:@"position"]; 
translation.fromValue = [NSValue valueWithCGPoint:CGPointMake(self.imageview.center.x,[[self.imageview superview] center].y-45)]; 
translation.toValue = [NSValue valueWithCGPoint:CGPointMake(_frame.origin.x+_frame.size.width/2, 
                  _frame.origin.y+_frame.size.height/2)]; 
translation.duration = DURATION; 
CAAnimationGroup *group = [CAAnimationGroup animation]; 

group.animations = @[ translation, rotation ]; 
group.duration = DURATION; 
group.delegate = self; 
group.fillMode = kCAFillModeForwards; 
group.removedOnCompletion = NO; 
[layer addAnimation:group forKey:nil]; 

上面的代碼完全適用於單一視圖。如何結合第二視圖從前面&背面效果翻轉。

Answer 1

使用的Core Animation

您可以添加正面和背面的容器視圖。後視圖將圍繞Y軸旋轉180度，前部將正常。兩個層將是單面（通過設置layer.doubleSided = NO;。

然後，當在應用旋轉你將動畫容器視圖的旋轉，使得正面和背面動畫同時。

UIView的過渡

或者你可以只使用內置的翻轉動畫

transitionFromView:toView:duration:options:completion: 

，並通過其中UIViewAnimationOptionTransitionFlipFromLeft或UIViewAnimationOptionTransitionFlipFromRight的選項。