UITextField编辑时清除按钮尺寸适配异常问题求助

我帮你搞定这个恼人的布局问题！你遇到的核心问题是两个：一是编辑开始时UITextField没把清除按钮的宽度算进自身尺寸，导致文本滚动；二是清除按钮要等输入后才出现。咱们一步步来解决：

1. 让清除按钮在编辑开始时立即显示 #

默认的.whileEditing模式有时候不会在编辑触发的第一时间就渲染清除按钮，咱们可以在编辑开始的代理方法里手动触发它的显示：

func textFieldDidBeginEditing(_ textField: UITextField) {
    // 确保清除按钮模式为编辑时显示
    textField.clearButtonMode = .whileEditing
    // 强制刷新输入视图，让清除按钮立刻出现
    textField.reloadInputViews()
}

2. 修正UITextField的尺寸计算，包含清除按钮宽度 #

因为你用的是左对齐的垂直StackView，它依赖子视图的intrinsicContentSize来布局。默认UITextField的固有尺寸不会自动包含清除按钮的宽度，所以咱们可以自定义子类来重写固有尺寸的计算：

class ClearButtonAwareTextField: UITextField {
    override var intrinsicContentSize: CGSize {
        var originalSize = super.intrinsicContentSize
        // 获取系统自带的清除按钮，加上它的宽度和间距
        if let clearButton = value(forKey: "_clearButton") as? UIButton {
            originalSize.width += clearButton.frame.width + 8 // 8是按钮和文本的间距，可按需调整
        }
        return originalSize
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        // 布局变化后，通知系统更新固有尺寸
        invalidateIntrinsicContentSize()
    }
}

之后把你的UITextField换成这个自定义类就行。如果不想自定义子类，也可以在代理方法里强制刷新固有尺寸：

func textFieldDidBeginEditing(_ textField: UITextField) {
    textField.clearButtonMode = .whileEditing
    textField.reloadInputViews()
    // 强制更新固有尺寸，让StackView重新计算宽度
    textField.invalidateIntrinsicContentSize()
    // 让StackView执行布局更新
    textField.superview?.layoutIfNeeded()
}

3. 额外注意点 #

• 不要给UITextField设置固定宽度，保持它的width约束为>=0或者完全依赖固有尺寸，这样StackView会自动根据内容+清除按钮的宽度调整。
• 确保StackView的alignment是.leading，distribution是.fill或者.fillProportionally，这样文本框能自动扩展宽度。

这样操作后，编辑一开始清除按钮就会显示，而且StackView会立刻计算包含清除按钮的文本框宽度，不会出现文本滚动的问题，同时清除按钮始终跟在文本末尾～

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