UITextField切换第一响应者时视图alpha与frame属性异常问题

你遇到的这个问题本质上是同时混用了Auto Layout约束和直接修改frame属性——这两种布局方式是完全互斥的。当系统触发布局更新（比如键盘弹出/收起、切换输入框第一响应者时，UIKit会自动调用layoutIfNeeded()或setNeedsLayout()），Auto Layout会严格按照你在viewDidLoad中设置的约束重新计算所有视图的位置，直接覆盖你通过动画手动修改的frame和alpha，导致布局回到初始状态。

具体代码问题分析 #

• 在viewDidLoad里，你通过anchor()方法（封装的Auto Layout约束工具）给thirdStackView、idTextField、phoneTextField设置了固定约束，这些约束定义了它们的"默认位置"。
• 但在动画逻辑中，你直接修改了frame.origin.y来移动视图，这相当于绕开Auto Layout强行调整位置。一旦系统重新执行布局计算，约束会强制视图回到约束定义的初始位置，你的动画修改就被抹掉了。

解决方案：用Auto Layout约束驱动动画 #

正确的做法是通过修改约束的常量值来实现动画，而不是直接操作frame。这样动画后的位置会被约束"记住"，即使系统后续触发布局更新也不会重置。

步骤1：保存需要动态修改的约束为类属性 #

首先，在你的ViewController类中，把需要动画调整的约束保存为实例属性，方便后续修改：

// 类的顶部定义属性
private var thirdStackViewBottomConstraint: NSLayoutConstraint!
private var idTextFieldTopConstraint: NSLayoutConstraint!
private var phoneTextFieldTopConstraint: NSLayoutConstraint!

步骤2：在viewDidLoad中创建约束并保存 #

修改viewDidLoad中的约束代码，把需要动态调整的约束单独保存，同时设置初始隐藏状态的约束常量：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 配置thirdStackView的约束，保存底部约束
    thirdStackView.translatesAutoresizingMaskIntoConstraints = false
    thirdStackViewBottomConstraint = thirdStackView.bottomAnchor.constraint(equalTo: emergenyBtn.topAnchor, constant: 13)
    NSLayoutConstraint.activate([
        thirdStackView.topAnchor.constraint(equalTo: btnStackView.bottomAnchor, constant: 20),
        thirdStackView.leftAnchor.constraint(equalTo: view.leftAnchor, constant: 20),
        thirdStackView.rightAnchor.constraint(equalTo: view.rightAnchor, constant: -20),
        thirdStackViewBottomConstraint
    ])
    
    // 配置idTextField，保存顶部约束（初始隐藏在屏幕上方）
    idTextField.translatesAutoresizingMaskIntoConstraints = false
    idTextFieldTopConstraint = idTextField.topAnchor.constraint(equalTo: btnStackView.bottomAnchor, constant: -100)
    NSLayoutConstraint.activate([
        idTextFieldTopConstraint,
        idTextField.leftAnchor.constraint(equalTo: view.leftAnchor, constant: 30),
        idTextField.rightAnchor.constraint(equalTo: view.rightAnchor, constant: -30),
        idTextField.heightAnchor.constraint(equalToConstant: 40)
    ])
    idTextField.alpha = 0
    idTextField.tag = 1
    idTextField.keyboardType = .numberPad
    // 你的createTextField调用...
    
    // 配置phoneTextField，保存顶部约束（初始隐藏在屏幕上方）
    phoneTextField.translatesAutoresizingMaskIntoConstraints = false
    phoneTextFieldTopConstraint = phoneTextField.topAnchor.constraint(equalTo: idTextField.bottomAnchor, constant: -100)
    NSLayoutConstraint.activate([
        phoneTextFieldTopConstraint,
        phoneTextField.leftAnchor.constraint(equalTo: view.leftAnchor, constant: 30),
        phoneTextField.rightAnchor.constraint(equalTo: view.rightAnchor, constant: -30),
        phoneTextField.heightAnchor.constraint(equalToConstant: 40)
    ])
    phoneTextField.alpha = 0
    phoneTextField.tag = 2
    phoneTextField.keyboardType = .numberPad
    // 你的createTextField调用...
}

步骤3：修改动画逻辑，通过约束常量实现动画 #

在点击事件的动画代码中，不再直接修改frame，而是修改约束的常量值，然后调用layoutIfNeeded()触发动画：

@objc func adminBtnTapped(_ button: UIButton) {
    guard btnTapped else { return }
    
    UIView.transition(with: button, duration: 0.5, options: .transitionCrossDissolve, animations: {
        self.emergenyBtn.frame.origin.y -= 20
    }, completion: nil)
    
    // 修改约束常量，定义动画后的位置
    thirdStackViewBottomConstraint.constant += self.view.bounds.height // 让thirdStackView移出屏幕
    idTextFieldTopConstraint.constant = 20 // 移到目标位置
    phoneTextFieldTopConstraint.constant = 20
    
    // 执行动画
    UIView.animate(withDuration: 1, animations: {
        self.idTextField.alpha = 1.0
        self.phoneTextField.alpha = 1.0
        self.view.layoutIfNeeded() // 触发约束更新，生成动画
    }) { (_) in
        self.btnTapped = false
    }
}

关键原理说明 #

Auto Layout的核心是约束决定布局，所有视图的frame都是由约束计算得出的。直接修改frame相当于临时"破坏"了约束规则，一旦系统重新计算布局，约束会强制视图回到规则内的位置。而通过修改约束常量的方式，是让约束本身适应新的布局需求，动画后的位置会被约束持久化，后续的布局更新也会遵循修改后的约束，不会出现重置问题。

内容的提问来源于stack exchange，提问作者Emre Önder