CATransition 页面从顶部卷曲

Posted

技术标签:

【中文标题】CATransition 页面从顶部卷曲【英文标题】:CATransition page curl from top 【发布时间】:2010-09-06 15:50:43 【问题描述】:

我想知道是否有人使用 CATRANSITION 从顶部管理页面卷曲。我有以下内容:

CATransition *animation = [CATransition animation];
 [animation setDelegate:self];
 [animation setDuration:0.35];
 [animation setTimingFunction:UIViewAnimationCurveEaseInOut];
 animation.type = @"pageCurl";

 animation.subtype = kCATransitionFromTop;

 animation.fillMode = kCAFillModeForwards;

 animation.endProgress = 0.30;
 [animation setRemovedOnCompletion:NO];
 [self.view.layer addAnimation:animation forKey:@"pageCurlAnimation"];

但不幸的是,它总是从底部卷曲页面。如果有人能告诉我如何从顶部卷曲,我将不胜感激。

非常感谢。

【问题讨论】:

【参考方案1】:

找到答案了,需要将子类型设置为从右!

【讨论】:

【参考方案2】:

我有这个工作。你需要设置 animation.type = @"pageUnCurl"; - 谁曾想到!谢谢苹果。

CATransition *animation = [CATransition animation];
[animation setDelegate:self];
[animation setDuration:0.5];
[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];
animation.type = @"pageUnCurl";

animation.subtype = kCATransitionFromTop;
animation.fillMode = kCAFillModeForwards;
animation.startProgress = 0.3;
[animation setRemovedOnCompletion:NO];

[self.helpView.layer addAnimation:animation forKey:@"pageCurlAnimation"];

【讨论】:

【参考方案3】:
subtype = KCATransitionFromLeft or KCATransitionFromRight 

如果你想要 curl page 的总动画,你也可以删除 animation.endProgress 。 =)

【讨论】:

以上是关于CATransition 页面从顶部卷曲的主要内容,如果未能解决你的问题,请参考以下文章

将弹簧添加到 pageCurl CATransition

半页卷曲动画背景视图颜色?

为啥文档中没有列出所有 CATransition 动画类型?

实现 iOS Maps 风格的页面卷曲手势交互

带有 CATransition 的页面幻灯片动画

监听页面滚动事件