核心动画:如何进行翻页过渡？

Question

我想创建一个iPhone应用程序的翻页过渡，就像在笔记中一样。基本上，当你转到一个新的视图时，页面的底部或顶部会卷曲，就像你翻书一样。

有人知道如何做到这一点的教程吗？

Answer 1

[UIView beginAnimations:@"pageCurlUp" context:NULL];
[UIView setAnimationDuration:0.5];
[UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:someUIView cache:YES];
[UIView commitAnimations];

还可以在文档中查找UIViewAnimationTransition。

Answer 2

Xcode提供了一个模板来创建一个实用程序，其中有一个Info按钮和一个flipside视图。你可能想看看这个模板。

您可以通过将控制器的modelTransitionStyle设置为UIModelTransitionStyleFlipHorizontal来执行相同的操作

FlipsideViewController *controller = [[FlipsideVewController alloc] initWithNibName:@"FlipsideView" bundle:nil];

controller.modelTransitionStyle = UIModalTransitionStyleFlipHorizontal;
[self presentModelViewController: controller animated:YES];

[controller release];

Answer 3

对于下一个和上一个音符翻转动画，请尝试此选项

CATransition *transition = [CATransition animation];
        [transition setDelegate:self];
        [transition setDuration:0.5f];
        [transition setType:@"pageCurl"];
        [transition setSubtype:@"fromBottom"];
        [self.view.layer addAnimation:transition forKey:@"CurlAnim"];


     CATransition *transition = [CATransition animation];
                        [transition setDelegate:self];
                        [transition setDuration:0.5f];
                        [transition setType:@"pageUnCurl"];
                        [transition setSubtype:@"fromBottom"];
                        [self.view.layer addAnimation:transition forKey:@"CurlAnim"];