尝试在swift中设置约束动画

Question

我有一个UITextField，我想在点击时放大它的宽度。我设置了约束，并确保左侧的约束优先级低于我试图在右侧设置动画的约束优先级。

这是我试图使用的代码。

// move the input box
UIView.animateWithDuration(10.5, animations: {
    self.nameInputConstraint.constant = 8
    }, completion: {
        (value: Bool) in
        println(">>> move const")
})

这是可行的，但似乎只是瞬间发生，似乎没有任何运动。我试着将其设置为10秒，以确保没有遗漏任何内容，但我得到了相同的结果。

nameInputConstraint是我控制的从IB拖到我的类中的约束的名称。

Answer 1

需要指出的是，view.layoutIfNeed（）仅适用于视图子视图。

因此，要对视图约束进行动画处理，重要的是在视图到动画超级视图中调用它，如下所示：

    topConstraint.constant = heightShift

    UIView.animate(withDuration: 0.3) {

        // request layout on the *superview*
        self.view.superview?.layoutIfNeeded()
    }

简单布局的示例如下：

class MyClass {

    /// Container view
    let container = UIView()
        /// View attached to container
        let view = UIView()

    /// Top constraint to animate
    var topConstraint = NSLayoutConstraint()


    /// Create the UI hierarchy and constraints
    func createUI() {
        container.addSubview(view)

        // Create the top constraint
        topConstraint = view.topAnchor.constraint(equalTo: container.topAnchor, constant: 0)


        view.translatesAutoresizingMaskIntoConstraints = false

        // Activate constaint(s)
        NSLayoutConstraint.activate([
           topConstraint,
        ])
    }

    /// Update view constraint with animation
    func updateConstraint(heightShift: CGFloat) {
        topConstraint.constant = heightShift

        UIView.animate(withDuration: 0.3) {

            // request layout on the *superview*
            self.view.superview?.layoutIfNeeded()
        }
    }
}

Answer 2

SWIFT 4及以上：

self.mConstraint.constant = 100.0
UIView.animate(withDuration: 0.3) {
        self.view.layoutIfNeeded()
}

完成示例：

self.mConstraint.constant = 100
UIView.animate(withDuration: 0.3, animations: {
        self.view.layoutIfNeeded()
    }, completion: {res in
        //Do something
})

Answer 3

您需要先更改约束，然后设置更新动画
这应该在superview中。

self.nameInputConstraint.constant = 8

斯威夫特2

UIView.animateWithDuration(0.5) {
    self.view.layoutIfNeeded()
}

斯威夫特3，4，5

UIView.animate(withDuration: 0.5) {
    self.view.layoutIfNeeded()
}