UIView动画位置跳跃

UIView animated position jumping

我有一个过渡动画,我需要在其中显示 VC1 上的项目随着 VC2 滑动到位而移动到新位置。我在其他过渡中没有遇到任何问题,但对于这个我有一个我无法弄清楚的问题。

VC1 - 中间有一个特定尺寸的图像 VC2 - 相同的图像以较小的尺寸放在右上角

所以我需要移动和缩放,因为我是在过渡中这样做的,所以我认为正确的方法是:

  1. 从 VC2 翻译和缩放图像以匹配 VC1 上的图像(使用变换)
  2. 在 VC1 上隐藏图片
  3. 将 VC2 中的图像动画化回 .identity

我在将某些内容移至左上角时成功地完成了完全相同的操作。然而,当我做这个特定的动画时,我看到我的 VC2 图像随着动画开始跳到一个新位置。当我处理大于或小于 iPhone7 的 device/simulator 时,我只会看到此跳转,并且它会根据屏幕宽度以不同方式跳转(左侧表示较小,右侧表示较大)。

我在所有阶段都注销了图像的位置:

transform from: (x:336.0, y:35.5, w:38.0) to: (x:160.0, y:180.5, w:66.0)
xOffset: -176.0 yOffset: 145.0
transform: CGAffineTransform(a: 1.0, b: 0.0, c: 0.0, d: 1.0, tx: -176.0, ty: 145.0)
preanimation: (x: 160.0, y: 180.5
currentPosition: (midX: 105.0, midY: 180.5)
currentPosition: (midX: 112.312, midY: 174.476)

此日志的第一行显示我正在将图像从 (336, 35) 移动到 (160, 180.5)。第二行表明我的数学是正确的。第三行显示创建的转换(缩放当前已关闭)。第四行显示我的图像在动画开始之前位于正确的位置。最后 2 行在 cadisplaylink 回调中返回,显示我的位置在动画开始之前跳跃。

有人 运行 喜欢这样的东西吗?有什么线索可以解决这个问题吗?我的图像都是用 LayoutConstraints 放置的,我的动画都是 运行 使用变换(在动画之前变换然后动画回.identity)。

编辑: 一些补充信息,当从风景开始时,我发现我的原始框架完全错误:

transform from: (x:336.0, y:35.5, w:38.0) to: (x:368.0, y:147.666666666667, w:66.0)
xOffset: 32.0 yOffset: 112.166666666667
transform: CGAffineTransform(a: 2.66666666666667, b: 0.0, c: 0.0, d: 2.66666666666667, tx: 32.0, ty: 112.166666666667)
preanimation: (x: 368.0, y: 147.666666666667
currentPosition: (midX: 729.0, midY: 127.666666666667)

所以在这一点上,我认为问题是由于自动布局限制,我尝试同步的帧在动画播放之前不正确。当动画开始时,动画使用布局约束重新计算所有帧,然后应用我的转换,使跳跃出现。

编辑2:

我想我已经明白了。问题是我正在制作动画的视图还没有布置它的子视图,所以框架是关闭的。通过在动画设置期间在我的视图上调用 .setNeedsLayout().layoutIfNeeded(),我得到了正确的位置以在它们之间进行动画处理。

出于好奇,这里是我第一次编辑时添加的相同日志,其中添加了调用 viewlifecycle 方法的时间:

viewDidLoad <Chalkboard.SwipeToMoveViewController: 0x7fb1f760fb70>
viewWillAppear <Chalkboard.SwipeToMoveViewController: 0x7fb1f760fb70>
transform from: (x:336.0, y:35.5, w:38.0) to: (x:368.0, y:147.666666666667, w:66.0)
xOffset: 32.0 yOffset: 112.166666666667
transform: CGAffineTransform(a: 2.66666666666667, b: 0.0, c: 0.0, d: 2.66666666666667, tx: 32.0, ty: 112.166666666667)
preanimation: (x: 368.0, y: 147.666666666667
animation Block: (to.x: 368.0, to.y: 147.666666666667 - (from.x: 368.0, from.y: 147.666666666667
viewWillLayoutSubviews <Chalkboard.SwipeToMoveViewController: 0x7fb1f760fb70>
viewDidLayoutSubviews <Chalkboard.SwipeToMoveViewController: 0x7fb1f760fb70>
currentPosition: (midX: 729.0, midY: 127.666666666667)

以防万一人们不想阅读大量的文字来找到解决方案问题是我在布置所有视图之前在不同的视图控制器中使用视图的位置。我假设在动画逻辑开始之前,整个视图生命周期已经在我的呈现视图控制器中处理,我错了。

动画调用顺序:

  1. viewDidLoad
  2. viewWillAppear
  3. 动画过渡
  4. viewWillLayoutSubviews
  5. viewDidLayoutSubviews

所以解决方法是手动调用 setNeedsLayout()layoutIfNeeded() 作为我的 animateTransition 的开始,这样我的视图的位置都是已知的并且可以用于转换。