ios - 单击文本字段后 UIView 重新加载？

Question

我正在尝试制作一个非常简单的登录页面。一切都很好，直到我开始制作一些动画。

当我点击登录按钮时，我将 Logo 移到顶部 100 像素，然后显示输入。

它工作正常，但是当我单击文本字段对其进行编辑时，图像( Logo )返回到其原始位置!

我的代码:

  @IBAction func LoginClick(sender: AnyObject) {

    UIView.animateWithDuration(2, animations: {
        var center = self.logoImage.center
        center.y -= 100
        self.logoImage.center = center
        self.usernameInput.hidden=false
        self.passwordInput.hidden=false
        self.usernameLine.hidden=false
        self.passwordLine.hidden=false
        self.slidesImg.hidden=true
    })
}

Answer 1

Auto Layout 正在运行，并将您的 Logo 放回约束规定的位置。不要通过更改中心来修改框架，您应该创建一个 IBOutlet 到垂直空间约束，然后更新 constant 属性以向上移动您的 Logo 。

要创建 IBOutlet，首先单击 Storyboard 中表示垂直约束的垂直条。然后 control-单击约束并拖动到您的 viewController 代码。将其命名为 topSpace。

---

---

您需要调用 layoutIfNeeded() 来设置约束变化的动画:

@IBOutlet weak var topSpace: NSLayoutConstraint!

@IBAction func LoginClick(sender: AnyObject) {

    topSpace.constant -= 100
    UIView.animateWithDuration(2, animations: {
        self.logoImage.layoutIfNeeded()
        self.usernameInput.hidden=false
        self.passwordInput.hidden=false
        self.usernameLine.hidden=false
        self.passwordLine.hidden=false
        self.slidesImg.hidden=true
    })
}