在我的动画中,中间锁向上的动画速度比顶部窗格快。如何设置中间锁的动画,使其沿着顶部窗格向上移动?更具体地说,我希望中间的锁中心在上下移动时始终与顶部窗格底部对齐。
这是我目前拥有的代码,lockBorderlockKeyhole是所谓的“中间锁”,与topLock相比向上移动太快:

@IBOutlet var topLock: UIImageView!
@IBOutlet var bottomLock: UIImageView!
@IBOutlet var lockBorder: UIImageView!
@IBOutlet var lockKeyhole: UIImageView!


override func viewDidAppear(animated: Bool) {
    super.viewDidAppear(animated)

    openLock()

}


func openLock() {

    UIView.animateWithDuration(0.5, delay: 1.0, options: [], animations: {
        self.lockKeyhole.transform = CGAffineTransformMakeRotation(CGFloat(3.14))
        }, completion: { _ in

            UIView.animateWithDuration(0.6, delay: 0.2, options: [], animations: {

                var topFrame = self.topLock.frame
                topFrame.origin.y -= topFrame.size.height

                var bottomFrame = self.bottomLock.frame
                bottomFrame.origin.y += bottomFrame.size.height


                var lockBorderFrame = self.lockBorder.frame
                lockBorderFrame.origin.y -= self.view.frame.height

                var lockKeyholeFrame = self.lockKeyhole.frame
                lockKeyholeFrame.origin.y -= self.view.frame.height

                self.topLock.frame = topFrame
                self.bottomLock.frame = bottomFrame
                self.lockKeyhole.frame = lockKeyholeFrame
                self.lockBorder.frame = lockBorderFrame

                }, completion: { finished in

            })
        })
}

最佳答案

您正在通过topFrame.origin.y调整topFrame.size.height,但您正在通过lockBorderFrame.origin.y调整lockKeyholeFrame.origin.yself.view.frame.height。我们可以推断,这些调整是不同的数额。我假设topFrame.size.heightself.view.size.height的一半。由于将锁定视图移动的距离是移动距离的两倍topLock,并且两次调整都发生在相同的0.6秒间隔内,因此锁定视图移动的速度是移动距离的两倍。
我假设你想把锁视图动画化,所以仅仅通过topFrame.size.height来移动它们是不够的。这样就可以看到锁的下半部分。您需要移动锁视图,使其底部边缘位于self.view的顶部边缘。
这意味着您需要将lockBorder.frame.origin.y设置为lockBorder.frame.size.height的负值。它将移动总距离lockBorder.frame.size.height + lockBorder.frame.origin.y,恰好等于lockBorder.frame.maxY
我假设lockBorder至少和lockKeyhole一样大,所以如果我们通过lockBorder.frame.maxY移动所有视图,它们都将离开屏幕。既然我们把它们移到相同的距离,所有的视图都会一起移动。
还请注意,如果在情节提要中使用约束,则只要对视图层次结构执行几乎任何其他操作,这些视图就会捕捉回其原始位置。因此,动画完成后,您可能应该将它们从超级视图中移除,除非您以其他方式隐藏它们(例如从视图层次中移除它们的超级视图)。
顺便说一下,标准库为您定义了M_PI

func openLock() {
    UIView.animateWithDuration(0.5, delay: 1.0, options: [], animations: {
        self.lockKeyhole.transform = CGAffineTransformMakeRotation(CGFloat(M_PI))
        }, completion: { _ in
            UIView.animateWithDuration(0.6, delay: 0.2, options: [], animations: {
                let yDelta = self.lockBorder.frame.maxY

                self.topLock.center.y -= yDelta
                self.lockKeyhole.center.y -= yDelta
                self.lockBorder.center.y -= yDelta
                self.bottomLock.center.y += yDelta
                }, completion: { _ in
                    self.topLock.removeFromSuperview()
                    self.lockKeyhole.removeFromSuperview()
                    self.lockBorder.removeFromSuperview()
                    self.bottomLock.removeFromSuperview()
            })
    })
}

09-25 18:45