Swift中如何通过代码为UITextField添加动态下移的错误提示？

我目前正尝试在UITextField下方添加错误提示，已自定义UITextField类以实现复用。但使用现有代码添加错误提示后，提示虽能显示，却无法让下方的UITextField自动下移。我不想在XIB中手动为每个文本框添加UILabel，也不想预先设置文本框间距，期望仅在错误提示显示时自动生成间距。请问是否有实现方法？

当前代码如下：

func setupErrorMessage() {

            /* Here, I am using AutoLayout to lay out the errorMessage on the screen.
               If you used storyboard, delete every line in this function except where
               we set the message to hidden */

        //self is uitextfield

        self.errorMessage.translatesAutoresizingMaskIntoConstraints = false
        self.errorMessage.text = "Error Message"
        self.errorMessage.textColor = .red
        self.errorMessage.isHidden = true
        self.addSubview(self.errorMessage)

            NSLayoutConstraint.activate([
                self.leadingAnchor.constraint(equalTo: self.leadingAnchor),
                self.topAnchor.constraint(equalTo: self.bottomAnchor, constant: 20.0)
            ])
        }

附说明：错误提示显示前文本框无额外间距，显示时下方文本框自动下移并生成间距。

你的核心问题是把错误提示Label添加到了UITextField内部，它的尺寸不会影响外部布局的高度，自然无法推动下方控件下移。推荐通过子类化UIView封装文本框和错误提示的方式实现，既满足复用需求，又能动态调整视图高度推动布局。

实现步骤与代码示例 #

1. 自定义包含文本框和错误提示的视图 #

将UITextField和错误提示Label封装在同一个UIView子类中，让整个视图的高度根据错误提示的显示状态动态变化：

class CustomTextFieldView: UIView {
    // 内部文本框
    let textField = UITextField()
    // 错误提示标签
    let errorLabel = UILabel()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupSubviews()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupSubviews()
    }
    
    private func setupSubviews() {
        // 配置文本框
        textField.borderStyle = .roundedRect
        textField.translatesAutoresizingMaskIntoConstraints = false
        addSubview(textField)
        
        // 配置错误提示标签
        errorLabel.text = "Error Message"
        errorLabel.textColor = .red
        errorLabel.isHidden = true
        errorLabel.numberOfLines = 0 // 支持多行提示
        errorLabel.translatesAutoresizingMaskIntoConstraints = false
        addSubview(errorLabel)
        
        // 设置自动布局约束
        NSLayoutConstraint.activate([
            // 文本框约束
            textField.topAnchor.constraint(equalTo: topAnchor),
            textField.leadingAnchor.constraint(equalTo: leadingAnchor),
            textField.trailingAnchor.constraint(equalTo: trailingAnchor),
            
            // 错误提示约束
            errorLabel.topAnchor.constraint(equalTo: textField.bottomAnchor, constant: 8),
            errorLabel.leadingAnchor.constraint(equalTo: leadingAnchor),
            errorLabel.trailingAnchor.constraint(equalTo: trailingAnchor),
            errorLabel.bottomAnchor.constraint(equalTo: bottomAnchor)
        ])
    }
    
    // 控制错误提示显示/隐藏的方法
    func toggleError(_ show: Bool) {
        errorLabel.isHidden = !show
        // 触发视图尺寸重计算
        invalidateIntrinsicContentSize()
        // 通知父视图更新布局
        superview?.setNeedsLayout()
        superview?.layoutIfNeeded()
    }
    
    // 重写intrinsicContentSize，动态返回视图高度
    override var intrinsicContentSize: CGSize {
        let textFieldHeight = textField.intrinsicContentSize.height
        let errorHeight = errorLabel.isHidden ? 0 : errorLabel.intrinsicContentSize.height + 8 // 加上文本框与提示的间距
        return CGSize(width: UIView.noIntrinsicMetric, height: textFieldHeight + errorHeight)
    }
}

2. 使用自定义视图 #

在XIB/Storyboard中，将原来的UITextField替换为CustomTextFieldView，在业务代码中调用toggleError(true)显示错误，toggleError(false)隐藏错误。此时整个视图的高度会随错误提示的显示状态自动调整，推动下方控件下移，无需预先设置固定间距。

替代方案（不子类化UIView） #

如果不想修改UITextField的继承关系，可以通过动态调整错误提示Label的高度约束实现：

• 给错误提示Label添加高度约束，初始设为0
• 显示错误时，将高度约束的constant改为Label的intrinsicContentSize.height，同时设置isHidden = false
• 隐藏错误时，将高度约束constant改回0，设置isHidden = true
• 确保Label是UITextField的兄弟视图，且布局中下方控件的约束依赖于UITextField所在容器的底部或Label的底部

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