Swift-UITextField内边距遮挡清除按钮的解决方法咨询

嘿，这个问题我之前做阿拉伯语项目时也碰到过！你已经正确设置了文本和占位符的内边距，但忽略了清除按钮的布局边界——它默认是基于UITextField的原始bounds计算的，根本没考虑你加的padding，所以才会被遮挡。

解决方案：重写clearButtonRect(forBounds:)方法 #

只需要在你的PaddedTextField类里添加这个方法，让清除按钮的位置跟着文本区域走，同时适配RTL的布局方向：

class PaddedTextField: UITextField {
    let padding = UIEdgeInsets(top: 0, left: 5, bottom: 0, right: 5)
    
    override func textRect(forBounds bounds: CGRect) -> CGRect {
        return bounds.inset(by: padding)
    }
    
    override func placeholderRect(forBounds bounds: CGRect) -> CGRect {
        return bounds.inset(by: padding)
    }
    
    override func editingRect(forBounds bounds: CGRect) -> CGRect {
        return bounds.inset(by: padding)
    }
    
    // 关键：调整清除按钮的位置，适配内边距和RTL布局
    override func clearButtonRect(forBounds bounds: CGRect) -> CGRect {
        // 获取默认的清除按钮尺寸
        let defaultButtonFrame = super.clearButtonRect(forBounds: bounds)
        // 获取文本区域的边界
        let textAreaRect = self.textRect(forBounds: bounds)
        
        // 根据布局方向调整按钮位置
        if UIApplication.shared.userInterfaceLayoutDirection == .rightToLeft {
            // RTL下，清除按钮在文本区域的左侧（视觉上的起始位置）
            return CGRect(
                x: textAreaRect.minX,
                y: defaultButtonFrame.midY - defaultButtonFrame.height / 2,
                width: defaultButtonFrame.width,
                height: defaultButtonFrame.height
            )
        } else {
            // LTR下，清除按钮在文本区域的右侧（视觉上的结束位置）
            return CGRect(
                x: textAreaRect.maxX - defaultButtonFrame.width,
                y: defaultButtonFrame.midY - defaultButtonFrame.height / 2,
                width: defaultButtonFrame.width,
                height: defaultButtonFrame.height
            )
        }
    }
}

为什么这么做？ #

• 默认的clearButtonRect不会响应你设置的textRect或editingRect，必须手动让它对齐文本区域的边界。
• 加入RTL判断是因为在阿拉伯语、希伯来语等语言下，布局方向是从右往左，清除按钮的视觉位置会和LTR相反，必须单独适配。

这样修改后，清除按钮就会准确显示在内边距的上方，既不会遮挡文本，也不会被内边距区域挡住啦～

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