关于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在动画时会被 隐藏 !

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

回过来看UIView.animation…

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

两者的区别上需要注意的地方

但是还有一个问题,刚才的打印结果,_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。所以在做动画前后都能去设置控件本身到正确的属性。

    原文作者:unko
    原文地址: https://segmentfault.com/a/1190000016562863
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞