如何为UITextField添加上部内边距？现有方案仅支持左右内边距

嘿，我完全懂你现在的困扰——想给UITextField添加上部内边距，搜了一圈都是左右边距的方案，而且自己用Label做的「Description」提示还跟输入内容叠在一起，太闹心了对吧？下面给你几个靠谱的解决方案：

方法一：自定义UITextField子类（最稳定的实现方式） #

直接重写UITextField的文本区域计算方法，精准控制输入内容的显示范围，既能添加上部内边距，也能让输入内容自动避开你放置的Label：

class PaddedTextField: UITextField {
    // 自定义顶部内边距（刚好给Label留出空间，可根据需求调整）
    let topPadding: CGFloat = 28
    let horizontalPadding: CGFloat = 16

    override func textRect(forBounds bounds: CGRect) -> CGRect {
        return bounds.inset(by: UIEdgeInsets(top: topPadding, left: horizontalPadding, bottom: 8, right: horizontalPadding))
    }

    override func editingRect(forBounds bounds: CGRect) -> CGRect {
        // 编辑状态和静态文本用同一内边距，保持视觉一致
        return textRect(forBounds: bounds)
    }
}

使用步骤：

• 把你的原生UITextField替换成这个PaddedTextField子类
• 将显示「Description」的Label放在TextField的顶部区域（比如设置frame为CGRect(x: 16, y: 8, width: textField.bounds.width - 32, height: 20)）
• 这样输入的文本会自动从Label下方开始显示，完全不会重叠，同时顶部内边距的效果也完美实现

方法二：动态隐藏Label+快速设置顶部内边距 #

如果你不想自定义子类，也可以用这个轻量方案：给原生UITextField设置顶部内边距，同时监听输入状态自动隐藏Label：

步骤1：给UITextField添加上部内边距 #

通过图层变换实现（原生UITextField没有直接的top padding属性）：

let topPadding: CGFloat = 28
textField.layer.sublayerTransform = CATransform3DMakeTranslation(0, topPadding, 0)
// 记得同步调整TextField的高度，避免底部输入内容被截断
textField.frame.size.height += topPadding

步骤2：监听输入状态，自动隐藏Label #

给TextField添加编辑状态监听：

textField.addTarget(self, action: #selector(textFieldEditingChanged(_:)), for: .editingChanged)

@objc func textFieldEditingChanged(_ textField: UITextField) {
    // 有输入内容时隐藏Label，无内容时重新显示
    descriptionLabel.isHidden = !textField.text!.isEmpty
}

这个方案既能快速解决顶部内边距问题，也彻底避免了Label和输入内容重叠的尴尬。

额外小提示 #

如果你想要更流畅的交互体验，可以试试「浮动标签」效果：在编辑开始时给Label添加动画，让它缩小并移动到TextField的上方，这样既不会重叠，交互感也更强~

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