如何美景,如Flipboard的动画中的iOS之间翻转?(How to flip between v

2019-08-01 14:26发布

我想从一个视图切换到在IOS 5另一个视图时,它通常切换。

但我想类似的看法Flipboard的动画之间翻转。

可能吗? 如果是,请帮我做这件事在我的项目。

先感谢您。

Answer 1:

看一看: https://github.com/mpospese/MPFoldTransition这可能会帮助你



Answer 2:

我试图通过使用CALayers和核心动画来解决这个问题。 我有两个主要的层来完成此动画,静态层和动画层。

静态层是整个视图的大小。 这层不动画它只是持有两张图片,左边和右边(左边和右边的图像是要翻动过的网页截屏)。 动画层是整个视图的一半大小,并且该层动画执行翻转动画。 动画层正面和背面也是屏幕上的当前页和下一页的拍摄。

例如,假设我们要翻到下一页。

静态层的左侧将包含当前页面的左侧的屏幕截图。 右侧将包含在下一个页面的右侧的屏幕截图。 动画层将坐在静态视图的顶部和前侧将包含当前页面右侧的屏幕截图。 动画层的背面将包含下一个页面左侧的屏幕截图。

当您移动你的手指,你会在动画层的Y轴进行CATransform3DRotate。 所以,当你的手指从屏幕左侧的右侧移动,动画层将翻转,并揭示了静态视图和自身背面的右侧。

下面是基本代码的层(animationLayer CALayer的)上执行翻转动画。

    var t = CATransform3DIdentity
    t.m34 = 1.0/850 //Adds depth to the animation
    t = CATransform3DRotate(t, newRadianAngleValue, 0, 1, 0)

    CATransaction.begin()
    CATransaction.setAnimationDuration(0)
    yourAnimationCALayer.transform = t
    CATransaction.commit()

我创建了一个使用这个基本概念,看看我自己的图书馆。 (仍在进展中的工作虽然)

https://github.com/djk12587/DJKSwiftFlipper



Answer 3:

下载代码在这个环节 。它呈现像flipBorad精确的输出



Answer 4:

看看这个

https://github.com/ITechRoof/ITRFlipper

这是更简单的,易于使用的自定义视图使用。



文章来源: How to flip between views like FlipBoard Animation in iOS?