关于iOS里的作动画方法的差异与注意事项

CoreAnimation与UIView.animation...

这两个方式的主要差异在于,前者若是不主动设置,那么在动画作完之后,会恢复原状。
后者则不会,动画作完后是什么样,控件就是什么样。程序员

UIView.animation...是什么

首先咱们来作一个动画工具

UIView.animate(withDuration: 5, animations: {
    self.moveView.frame.origin.y += 200
})

这个动画是让moveView在Y轴上移动200个点。动画

  1. 咱们在动画代码前,打印一下这个控件的frame信息 (155.0, 140.0, 64.0, 64.0)
  2. 而后咱们在动画开始2秒和动画结束时打印一下frame信息,让人疑惑的是结果都为 (155.0, 340.0, 64.0, 64.0)
  3. 咱们先停一下,去看看CoreAnimation

CoreAnimation

使用CA动画时,主要是使用的CAAnimation的子类(下面简称 anim )。
anim 是添加到Layer上的,你能够在layer上访问添加到该layer的 anim 。好的,如今咱们作一个和上面同样的Y轴上的位移动画。调试

  1. 在动画开始后的2秒打印一下frame和layer.frame信息,都是 (155.0, 140.0, 64.0, 64.0)
  2. 在2秒时打印animationKeys, Optional(["position"])
  3. 动画结束后,控件恢复到了原状,animationKeys为 nil
  4. 咱们把anim改为动画结束后保持结束时状态再看看1-3点的信息
  5. frame和layer.frame信息,也还都是 (155.0, 140.0, 64.0, 64.0)
  6. 在2秒时打印animationKeys, Optional(["position"])
  7. 动画结束后,控件恢复到了原状,animationKeys为 Optional(["position"])
  8. 此时咱们使用Xcode的视图调试工具查看,控件位置在 (155.0, 140.0, 64.0, 64.0) ,而且调试界面的位置和APP上的位置彻底不同。

CoreAnimation动画的注意事项

怎么获取正在移动时的位置呢,若是有一个需求是要拿到实际运动的位置,该怎么办?
使用 presentation 属性
在CA动画里,全部的实时状态都会反应到这个属性返回的layer上,本体layer在动画时会被 隐藏 !code

  1. 如今咱们根据刚才的 anim 动画查看一下 presentation 的信息。
  2. 果真,控件位置的实时信息是反应在这个layer上的

回过来看UIView.animation...

咱们在动画进行时打印 presentation 的信息,打印的frame信息居然可以正确反应当前控件的位置状况。
咱们再打印 animationKeys 信息看看, Optional(["position"])
我想答案已经呼之欲出了。 UIView.animation... 使用的是 CoreAnimation 在作动画,只是细节对程序员隐藏了。animation

二者的区别上须要注意的地方

可是还有一个问题,刚才的打印结果,_UIView.animation..._ 结束后,frame信息为 (155.0, 340.0, 64.0, 64.0) ,而 anim 结束后为 (155.0, 140.0, 64.0, 64.0) ,可是 animpresentation 的frame倒是正确的。
这意味着你若是要在 anim 动画后让控件移动到正确的位置,你须要把控件的frame也设置到正确到位置,而不仅是在 anim 上设置。
那何时设置是一个正确到时机呢?咱们注意到,在开始作动画到时候,屏幕上现实的视图,其实是显示的 presentation 的信息,而不依赖于控件自己的layer。因此在作动画先后都能去设置控件自己到正确的属性。it

相关文章
相关标签/搜索