按钮动画在swift中无法正常工作

Question

我正在使用Xcode在swift中制作一个应用程序，并且我在某些按钮的动画方面遇到了问题。这是我的情况：

我在屏幕中间有三个按钮，在那里我还添加了一些限制。

我需要的是，当点击按钮时，它会到达屏幕的顶部，如第二张带有动画的照片：

我试过这个：

UIView.animateWithDuration(1, delay: 0, options: [], animations: {
        self.Button2.center.y = 18 + self.Button2.frame.height/2

        }, completion: nil)

但发生的情况是按钮从屏幕底部出现向上滑动到第一张照片的位置。它不尊重我在动画中写的位置。这可能是由于约束吗？因为我将其垂直和水平居中。

你能帮我把它弄好吗？

Answer 1

您必须先更改约束，然后在动画中更新UI。类似于这样。

yourButton.yourOriginConstraint'sYCoordinate.constant = // Set this to what you want to change.

// yes, you should create an IBOutlet for constraint that you want to modify.

UIView.animateWithDuration(1.0, animations: {
            self.view.layoutIfNeeded()
            }, completion: nil)

另一种方式是不用户自动布局。

这里是参考

Answer 2

首先获取按钮的中心y，然后重新定位按钮。

float centerY = self.Button2.center.y;    

UIView.animateWithDuration(1, delay: 0, options: [], animations: {
    self.Button2.center.y = centerY + 18 + self.Button2.frame.height/2

    }, completion: nil)

Answer 3

使用自动布局和约束时，您永远不会更改动画中的按钮帧，就像您的代码一样：您必须始终使用约束。

这是一个通用示例：

myButtonCenterYConstraint.constant = 200.0
myButton.layoutIfNeeded()
UIView.animateWithDuration(Double(0.5), animations: {
        myButtonCenterYConstraint.constant = 0
        myButton.layoutIfNeeded()
})

因此，第一步是声明要更改为IBOutlets的按钮约束：