首页 > 解决方案 > UIViewAnimation 的问题

问题描述

我在 UIView 动画上遇到了麻烦。当我单击其中一个 UITextField 时,基本上一切正常,直到我在选择另一个 UITextField 后选择另一个 UITextField,字段上下移动,然后在我选择另一个 UITextField 后返回到同一位置。

我究竟做错了什么?我期望的是将包含我的字段的整个 UIStackView 向上移动,以避免键盘覆盖所有内容。此外,当我单击另一个 UITextField 时,为了保持动画静态,当键盘被解除时返回到默认位置。

class LoginViewController: UIViewController {
    
    var coordinator: MainCoordinator?
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        viewTapped()
        setupScreen()
        setupViews()
        setConstraints()
    }
    
    private func setupScreen() {
        self.view.backgroundColor = .systemPink
    }
    
    private func setConstraints() {
        
        self.textFieldLogin.heightAnchor.constraint(equalToConstant: 50).isActive = true
        self.textFieldLogin.widthAnchor.constraint(equalToConstant: 190).isActive = true
        //
        self.textFieldSenha.heightAnchor.constraint(equalToConstant: 50).isActive = true
        self.textFieldSenha.widthAnchor.constraint(equalToConstant: 190).isActive = true
        //
        self.loginButton.widthAnchor.constraint(equalToConstant: 145).isActive = true
        self.loginButton.heightAnchor.constraint(equalToConstant: 50).isActive = true
        //
        self.stackView.heightAnchor.constraint(equalToConstant: 200).isActive = true
        self.stackView.widthAnchor.constraint(equalToConstant: 200).isActive = true
        self.stackView.centerYAnchor.constraint(equalTo: self.view.centerYAnchor).isActive = true
        self.stackView.centerXAnchor.constraint(equalTo: self.view.centerXAnchor).isActive = true
        
        
    }
    
    private func setupViews() {
        self.view.addSubview(self.stackView)
        self.viewTapped()
    }
    
    private lazy var textFieldLogin: UITextField = {
        let textFieldLogin = UITextField()
        textFieldLogin.tag = 1
        textFieldLogin.translatesAutoresizingMaskIntoConstraints = false
        textFieldLogin.layer.cornerRadius = 3.7
        textFieldLogin.textAlignment = .center
        textFieldLogin.placeholder = "Usuário"
        textFieldLogin.backgroundColor = .white
        textFieldLogin.delegate = self
        
        return textFieldLogin
    }()
    
    private lazy var textFieldSenha: UITextField = {
        let textFieldSenha = UITextField()
        textFieldSenha.tag = 2
        textFieldSenha.translatesAutoresizingMaskIntoConstraints = false
        textFieldSenha.layer.cornerRadius = 3.7
        textFieldSenha.textAlignment = .center
        textFieldSenha.placeholder = "Senha"
        textFieldSenha.backgroundColor = .white
        textFieldSenha.delegate = self
        
        return textFieldSenha
    }()
    
    private lazy var loginButton: UIButton = {
        let loginButton = UIButton()
        loginButton.translatesAutoresizingMaskIntoConstraints = false
        loginButton.layer.cornerRadius = 3.8
        loginButton.titleLabel?.font = UIFont(name: "Arial", size: 19)
        loginButton.setTitle("Entrar", for: .normal)
        loginButton.setTitleColor(.systemGreen, for: .normal)
        loginButton.backgroundColor = .white
        
        return loginButton
    }()
    
    private lazy var stackView: UIStackView = {
        let stackView = UIStackView(arrangedSubviews: [self.textFieldLogin, self.textFieldSenha, self.loginButton])
        stackView.translatesAutoresizingMaskIntoConstraints = false
        stackView.backgroundColor = .systemBlue
        stackView.axis = .vertical
        stackView.distribution = .equalSpacing
        return stackView
    }()
    
    private func viewTapped() {
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(handleTap))
        self.view.addGestureRecognizer(tapGesture)
    }
    
    @objc func handleTap(sender: UITapGestureRecognizer) {
        UIView.animate(withDuration: 1.1, delay: 0, usingSpringWithDamping: 5.1, initialSpringVelocity: 5.0, options: .curveEaseIn, animations: {
            self.stackView.frame.origin.y = self.stackView.frame.origin.y + 130
            self.textFieldLogin.resignFirstResponder()
            self.textFieldSenha.resignFirstResponder()
        }, completion: nil)
    }
}

extension LoginViewController: UITextFieldDelegate {
    func textFieldDidBeginEditing(_ textField: UITextField) {
        UIView.animate(withDuration: 1.1, delay: 0, usingSpringWithDamping: 5.1, initialSpringVelocity: 5.0, options: .curveEaseIn, animations: {
            self.stackView.frame.origin.y = self.stackView.frame.origin.y - 130
        }, completion: nil)
    }
    
    func textFieldDidEndEditing(_ textField: UITextField) {
        UIView.animate(withDuration: 1.1, delay: 0, usingSpringWithDamping: 5.1, initialSpringVelocity: 5.0, options: .curveEaseIn, animations: {
            self.stackView.frame.origin.y = self.stackView.frame.origin.y + 130
        }, completion: nil)
    }
    
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        textField.resignFirstResponder()
        return true
    }
    
}

标签: iosswiftxcodeuiviewuiviewanimation

解决方案


我在textFieldDidBeginEditing中使用了以下代码,一切正常!谢谢你们。

 UIView.animate(withDuration: 0.5) {
            self.view.layoutIfNeeded() //Think I forget this method
            self.stackView.frame.origin.y = self.stackView.frame.origin.y - 130
        }

推荐阅读