Question

我尝试使用自定义类动画文本字段，当我将左边约束从0更改为（self.bounds.width - self.bounds.width / 3）时，动画不流畅，但是我把它设置为0它完美地工作。

以下是我的自定义类的一部分：

lazy var leftConstraint = NSLayoutConstraint(item: placeholderLabel, attribute: .left, relatedBy: .equal, toItem: self, attribute: .left, multiplier: 1, constant: 0)


required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)

    self.delegate = self
    self.addSubview(placeholderLabel)
    self.bringSubview(toFront: self)
    addConstraints()
}

func addConstraints() {

    placeholderLabel.translatesAutoresizingMaskIntoConstraints = false

    NSLayoutConstraint(item: placeholderLabel, attribute: .height, relatedBy: .equal, toItem: nil, attribute: .height, multiplier: 1, constant: self.bounds.height).isActive = true

    self.leftConstraint.isActive = true

    NSLayoutConstraint(item: placeholderLabel, attribute: .right, relatedBy: .equal, toItem: self, attribute: .right, multiplier: 1, constant: 0).isActive = true

    NSLayoutConstraint(item: placeholderLabel, attribute: .bottom, relatedBy: .equal, toItem: self, attribute: .bottom, multiplier: 1, constant: 0).isActive = true


}


func textFieldDidBeginEditing(_ textField: UITextField) {
    animate(constant: self.bounds.width - self.bounds.width/3)
    self.bringSubview(toFront: placeholderLabel)

}


func textFieldDidEndEditing(_ textField: UITextField) {
    if (textField.text?.isEmpty)!{
        animate(constant: 0)
        self.bringSubview(toFront: self)
    }
}


func animate(constant: CGFloat) {

    self.leftConstraint.constant = constant

    UIView.animate(withDuration: 0.15) {
        self.layoutIfNeeded()
    }
}

Answer 1

动画不顺畅的可能原因

func animate(constant: CGFloat) {
    /// Modifying Constraint out of animation
    /// This will animate in micro seconds and you wont get a 
    /// Smooth Animation
    self.leftConstraint.constant = constant
    /// Take this Line (Cut)

    UIView.animate(withDuration: 2) {
        /// Animation will take time to Happen
        self.leftConstraint.constant = constant
        /// Need to call this inside animation block
        self.view.layoutIfNeeded()
    }
}

尝试代码

import UIKit

class ViewController: UIViewController
{
    private var customView : UIView?
    private var leftConstraint : NSLayoutConstraint?

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        customView = UIView()
        customView?.backgroundColor = .red
        leftConstraint = NSLayoutConstraint()
        addConstraints()

        DispatchQueue.main.async {
            self.animateView()
        }
    }

    func addConstraints(){
        self.view.addSubview(customView!)
        customView?.translatesAutoresizingMaskIntoConstraints = false
        leftConstraint = customView?.leftAnchor.constraint(equalTo: self.view.leftAnchor, constant: 50)
        leftConstraint?.isActive = true
        customView?.trailingAnchor.constraint(equalTo: self.view.trailingAnchor, constant: -50).isActive = true
        customView?.heightAnchor.constraint(equalToConstant: 50).isActive = true
        customView?.topAnchor.constraint(equalTo: self.view.topAnchor, constant: 50).isActive = true
    }

    func animateView(){
        UIView.animate(withDuration: 2) {
            /// Animation will take time to Happen
            self.leftConstraint?.constant = 100
            /// Need to call this inside animation block
            self.view.layoutIfNeeded()
        }
    }
}

<强>输出

Answer 2

尝试使用CGAffineTransform而非动画限制。它可以实现任何转换之王（平移，旋转，缩放）。除了动画功能的选项，你几乎可以实现任何东西

翻译动画示例：

 UIView.animate(withDuration: 0.7, delay: 0,
                   usingSpringWithDamping: 1, initialSpringVelocity: 0,
                   options: .curveEaseOut, animations:
        {

            self.anyElement.transform = CGAffineTransform(
                 translationX: 0, 
                 y: 100)

    }, completion:
        { (success) in

            self.anyElement.transform = .identity
    })

为什么我的动画不流畅？

2 个答案: