iBook 翻页过渡

Posted

技术标签:

【中文标题】iBook 翻页过渡【英文标题】:iBook page flip transition 【发布时间】:2011-04-27 13:37:32 【问题描述】:

我正在尝试为 pdf 阅读器应用程序在横向模式下重新创建类似 iBook 的转换。我只需要动画,而不需要像 iBook 应用程序那样的触摸处理;用户只需轻扫一下即可翻页。我尝试了不同的示例代码,包括 Leaves,但我找不到任何简单的东西。 谁能帮我创建这个简单的动画,或者有一种简单的方法来重新创建 iBook 过渡?

【问题讨论】:

Leaves 是一个优秀的项目,可以轻松简单地包含在项目中。 有没有办法修改Leafs只做页面之间的过渡而不跟踪触摸? 叶子也支持横向两页? 叶子有不同的分叉,包括 2 页的横向:github.com/ansani/leaves 【参考方案1】:

Ole Begemann 做过类似的事情。你可以找到项目here on GitHub。

Ole 还撰写了一篇极好的博客摘要,其中包含一些最佳的开发人员链接和教程。值得订阅!

【讨论】:

我不想使用 Leaves 框架,因为我只需要动画,不需要跟踪用户的触摸。我只需要翻页的动画。 如果没有触摸跟踪,使用它应该不会太难。您可以删除这部分代码并用动画曲线替换它。【参考方案2】:

查看 UIView 文档以了解可用的动画类型。这是我会使用的:

UIViewAnimationOptions animation;
if (pageNumberLower) 
    animation = UIViewAnimationOptionTransitionCurlDown;
 else 
    animation = UIViewAnimationOptionTransitionCurlUp;


[UIView transitionWithView:myChangingView
                  duration:0.5
                   options:animation
                animations:^ CHANGE PAGE HERE 
                completion:NULL];

【讨论】:

这看起来确实不错,但与 iBook 的翻页动画相比,根本算不上什么。

以上是关于iBook 翻页过渡的主要内容,如果未能解决你的问题,请参考以下文章

自定义SpriteKit“开门”、“翻页”过渡

如何在 Modal Segue 的过渡中添加完整的卷曲效果?

iOS iBooks 类似商店动画

复制 iBooks 缩放/淡入淡出动画

前端实现类似于iBooks的图书翻页效果的网络阅读软件

UIPageViewController 转换速度/持续时间?