UIView模仿控制器Push转场时添加新视图即丢失约束问题求助

我仔细看了你实现类UIViewController Push转场的代码，发现几个直接导致约束丢失、动画异常的核心问题，咱们一步步来修复：

先理清问题根源 #

1. Frame与AutoLayout的冲突
   你初始化credentialVerificationView和emailUpdateView时手动设置了frame，之后又用AutoLayout的anchor约束布局，这会让系统陷入"到底听frame还是听约束"的矛盾，直接触发约束警告甚至丢失。

2. 无效约束添乱
   比如你写了emailUpdateView.centerXAnchor.constraint(equalTo: emailUpdateView.centerXAnchor).isActive = true，这是一个视图自己等于自己的无效约束，完全没必要，反而会增加约束计算的负担。

3. 初始位置的错误约束写法
   添加emailUpdateView时，你用paddingLeft: +view.frame.width来让它初始在屏幕右侧，这不是AutoLayout的正确用法，应该通过约束或初始transform来控制位置，而非给padding加偏移。

4. Timer的错误使用
   用0.1秒重复的Timer触发1秒的动画，会导致多个动画叠加执行，不仅卡顿还会破坏视图的正常状态。

修复方案（分步骤） #

第一步：重构视图初始化，禁用自动转译 #

把两个视图改成纯AutoLayout兼容的写法，移除frame设置，同时禁用translatesAutoresizingMaskIntoConstraints（这是AutoLayout的必备设置）：

lazy var credentialVerificationView: UIView = {
    let centerView = UIView()
    centerView.backgroundColor = UIColor(named: "blankSlate")
    centerView.translatesAutoresizingMaskIntoConstraints = false // 关键：禁止自动把约束转成frame
    return centerView
}()

lazy var emailUpdateView: UIView = {
    let centerView = UIView()
    centerView.backgroundColor = .red
    centerView.translatesAutoresizingMaskIntoConstraints = false
    return centerView
}()

第二步：修正约束逻辑，移除无效约束 #

用批量激活约束的方式替代零散的isActive = true，同时删除所有无效约束。比如添加emailUpdateView时，正确设置它的初始位置在屏幕右侧：

// 当userAuthenticated为true时的片段修正
view.addSubview(emailUpdateView)
NSLayoutConstraint.activate([
    emailUpdateView.topAnchor.constraint(equalTo: view.topAnchor),
    emailUpdateView.bottomAnchor.constraint(equalTo: view.bottomAnchor),
    emailUpdateView.widthAnchor.constraint(equalTo: view.widthAnchor),
    emailUpdateView.leadingAnchor.constraint(equalTo: view.trailingAnchor) // 初始在屏幕右侧
])

第三步：修复动画触发逻辑 #

不需要用Timer重复触发动画，直接在条件满足时执行一次转场动画即可（和系统Push转场时长保持一致，体验更自然）：

private func pushToEmailUpdateView() {
    UIView.animate(withDuration: 0.3, curve: .easeInOut) { [unowned self] in
        // 把验证视图左移出屏幕，更新视图移到屏幕内
        self.credentialVerificationView.transform = CGAffineTransform(translationX: -self.view.frame.width, y: 0)
        self.emailUpdateView.transform = CGAffineTransform(translationX: -self.view.frame.width, y: 0)
    } completion: { _ in
        // 动画结束后移除不需要的视图，节省内存
        self.credentialVerificationView.removeFromSuperview()
    }
}

然后在authenticateUserAndConfigureView里替换原来的startAutoScrollCardsCollectionView()为pushToEmailUpdateView()。

第四步：统一子视图约束规范 #

确保所有添加到这两个视图的子视图（比如loginToContinueLabel、infoLabel等）都设置了translatesAutoresizingMaskIntoConstraints = false，并用NSLayoutConstraint.activate([...])批量设置约束，避免零散设置导致的混乱。

完整核心代码片段 #

// MARK: Properties
var credential: AuthCredential!
let user = Auth.auth().currentUser
var userAuthenticated = false
let controllerTitle = "Update Email"

lazy var credentialVerificationView: UIView = {
    let centerView = UIView()
    centerView.backgroundColor = UIColor(named: "blankSlate")
    centerView.translatesAutoresizingMaskIntoConstraints = false
    return centerView
}()

lazy var emailUpdateView: UIView = {
    let centerView = UIView()
    centerView.backgroundColor = .red
    centerView.translatesAutoresizingMaskIntoConstraints = false
    return centerView
}()

// MARK: 转场动画方法
private func pushToEmailUpdateView() {
    UIView.animate(withDuration: 0.3, curve: .easeInOut) { [unowned self] in
        self.credentialVerificationView.transform = CGAffineTransform(translationX: -self.view.frame.width, y: 0)
        self.emailUpdateView.transform = CGAffineTransform(translationX: -self.view.frame.width, y: 0)
    } completion: { _ in
        self.credentialVerificationView.removeFromSuperview()
    }
}

// MARK: 视图配置
func authenticateUserAndConfigureView() {
    view.backgroundColor = UIColor(named: "blankSlate")
    emailTextField.textContentType = .username
    emailTextField.keyboardType = .emailAddress
    emailTextField.autocorrectionType = .no
    emailTextField.autocapitalizationType = .none
    emailTextField.spellCheckingType = .no
    
    print("userAuthenticated = \(userAuthenticated)")
    
    if userAuthenticated == true {
        loginToContinueLabel.text = "Update Email"
        infoLabel.text = currentEmailLabel1.text
        errorLabel.text?.removeAll()
        
        // 批量设置loginToContinueLabel约束
        emailUpdateView.addSubview(loginToContinueLabel)
        NSLayoutConstraint.activate([
            loginToContinueLabel.topAnchor.constraint(equalTo: emailUpdateView.topAnchor, constant: 200),
            loginToContinueLabel.centerXAnchor.constraint(equalTo: emailUpdateView.centerXAnchor),
            loginToContinueLabel.widthAnchor.constraint(equalToConstant: 300),
            loginToContinueLabel.heightAnchor.constraint(equalToConstant: 50)
        ])
        
        // 批量设置infoLabel约束
        emailUpdateView.addSubview(infoLabel)
        NSLayoutConstraint.activate([
            infoLabel.topAnchor.constraint(equalTo: loginToContinueLabel.bottomAnchor, constant: 24),
            infoLabel.leadingAnchor.constraint(equalTo: emailUpdateView.leadingAnchor, constant: 32),
            infoLabel.trailingAnchor.constraint(equalTo: emailUpdateView.trailingAnchor, constant: -32),
            infoLabel.heightAnchor.constraint(equalToConstant: 50)
        ])
        
        // 其他子视图约束按同样方式批量设置...
        
        // 添加emailUpdateView并设置初始位置
        view.addSubview(emailUpdateView)
        NSLayoutConstraint.activate([
            emailUpdateView.topAnchor.constraint(equalTo: view.topAnchor),
            emailUpdateView.bottomAnchor.constraint(equalTo: view.bottomAnchor),
            emailUpdateView.widthAnchor.constraint(equalTo: view.widthAnchor),
            emailUpdateView.leadingAnchor.constraint(equalTo: view.trailingAnchor)
        ])
        
        // 执行转场动画
        pushToEmailUpdateView()
    } else {
        // credentialVerificationView的约束按同样逻辑设置...
        credentialVerificationView.addSubview(loginToContinueLabel)
        NSLayoutConstraint.activate([
            loginToContinueLabel.topAnchor.constraint(equalTo: credentialVerificationView.topAnchor, constant: 200),
            loginToContinueLabel.centerXAnchor.constraint(equalTo: credentialVerificationView.centerXAnchor),
            loginToContinueLabel.widthAnchor.constraint(equalToConstant: 300),
            loginToContinueLabel.heightAnchor.constraint(equalToConstant: 50)
        ])
        
        // 其他子视图约束...
        
        view.addSubview(credentialVerificationView)
        NSLayoutConstraint.activate([
            credentialVerificationView.topAnchor.constraint(equalTo: view.topAnchor),
            credentialVerificationView.bottomAnchor.constraint(equalTo: view.bottomAnchor),
            credentialVerificationView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            credentialVerificationView.trailingAnchor.constraint(equalTo: view.trailingAnchor)
        ])
    }
}

额外小提示 #

• 用NSLayoutConstraint.activate([...])批量激活约束，比单独设置isActive = true更清晰高效。
• 动画时长建议用0.3秒，和系统原生Push转场保持一致，用户体验更流畅。
• 动画结束后移除不再需要的视图，避免不必要的内存占用。

内容的提问来源于stack exchange，提问作者muiraie