UIImageview旋轉動畫

Question

我想將動畫應用於兩個UIImageViews 。 想法是圖像1水平翻轉90度，然后圖像2翻轉完成旋轉。 可以把它想象成一個硬幣旋轉：頭側（圖像1）朝前 - >轉90度 - >尾側（圖像2）旋轉朝前。 我可以做動畫的前半部分，但我被困在第二部分。

[UIView animateWithDuration:1.0f animations:^{
    image1.transform = CGAffineTransformMakeScale(-0.01, 1);
} completion: ^(BOOL finished) {
    // How can I make image 2 to rotate out as if it initially was already rotated by 90 degrees?
}];

Answer 1

對於翻轉動畫，有一個名為UIViewAnimationOptionTransitionFlipFromRight的動畫選項，例如使用UIView's動畫方法，如下例所示

 [UIView transitionWithView:myImageView //with first image
                  duration:animationDuration
                   options:UIViewAnimationOptionTransitionFlipFromRight
                animations:^{
                    myImageView.image = toImage; //to next image
                } completion:^(BOOL finished) {
             //completion actions after flipped
 }];

還有其他動畫選項，如FromLeft ， FromTop ， FromBottom使用任何一個到您的要求

Answer 2

看一下這個關於使用CATransform3D在3D中翻轉UIView的問題。

簡單的核心動畫UIView的3D變換

答案：

CATransform3D rotationAndPerspectiveTransform = CATransform3DIdentity;
rotationAndPerspectiveTransform.m34 = 1.0 / -1000.0;
rotationAndPerspectiveTransform = CATransform3DRotate(rotationAndPerspectiveTransform, M_PI * 0.6, 1.0f, 0.0f, 0.0f);
[UIView animateWithDuration:1.0 animations:^{
    self.someView.layer.anchorPoint = CGPointMake(0.5, 0);
    self.someView.layer.transform = rotationAndPerspectiveTransform;
} completion:^(BOOL finished){
    // code to be executed when flip is completed
}];