如何创建布局的平滑过渡(动画)

时间:2017-05-20 09:54:16

标签: java ios swift android-layout animation

我为Android和iOS设计了我的应用程序。现在我需要创建像这个应用程序中的平滑过渡。 Video of app。我需要两台设备。任何人都可以链接我一些教程,视频或只是文档?因为我设法做的一切都是华丽的动画,没有平滑的动画。谢谢你的回答。

1 个答案:

答案 0 :(得分:1)

基本原则是您需要在UIView.animate函数中包含要设置动画的目标参数,而您需要在之前和之后定义它们。
你有函数调用之前的阶段(在动画术语中考虑它是关键帧1),你有动画(关键帧2)后的目标阶段,如下所示:

之前的阶段:

self.yourView.opacity = 0.5
self.yourView.frame.origin = CGPoint(x: 0, y: 0)

之后的阶段:

UIView.animate(withDuration: 0.5, animations: { 
self.yourView.opacity = 1.0
self.yourView.frame.origin = CGPoint(x: 100, y: 100)
})


上面使用的最简单的起点和具有更多选项的版本(您还可以介绍弹簧行为和事物):

UIView.animate(withDuration: 0.5, animations: { 
// your code for animation(s) here.
})

UIView.animate(withDuration: 0.5, delay: 0, options: .curveEaseInOut, animations: { 
// your code for animation(s) here
}, completion: nil)



这是UIView动画的一个很好的介绍:
https://medium.com/written-code/ui-animations-with-swift-2ebb5e6d2292

更复杂地使用它与其他物理和整个调色板: https://www.youtube.com/watch?v=hbuL-vUDBhg&t=1834s

这是我的第一个答案 - 希望它有所帮助。

相关问题