自定义下划线后单行UITextField占位符不显示问题求助

你的代码存在几个关键问题，导致占位符不显示以及下划线功能异常：

1. 下划线层未设置颜色：创建的borderLine是透明的，因为没有给它设置backgroundColor，所以下划线本身就不会显示；
2. 下划线位置未动态更新：直接使用frame设置下划线位置，当UITextField的布局因AutoLayout、屏幕旋转等原因变化时，下划线不会跟着调整；
3. 内容边距未预留空间：将borderStyle设为.none后，UITextField的默认内容边距没有给下划线预留空间，导致占位符/文本可能和下划线重叠，甚至被挤出可视区域；
4. 重复添加图层：每次调用setBottomLine都会添加新的CALayer，造成图层叠加，影响显示和性能。

修改后的扩展代码 #

import UIKit

private var bottomLineKey = "bottomLineKey"

extension UITextField {
    func setBottomLine(borderColor: UIColor) {
        borderStyle = .none
        backgroundColor = .clear
        
        // 移除已存在的下划线层，避免重复添加
        if let oldLine = objc_getAssociatedObject(self, &bottomLineKey) as? CALayer {
            oldLine.removeFromSuperlayer()
        }
        
        let borderLine = CALayer()
        borderLine.backgroundColor = borderColor.cgColor
        // 关联下划线层，方便后续更新布局
        objc_setAssociatedObject(self, &bottomLineKey, borderLine, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
        layer.addSublayer(borderLine)
        
        // 调整内容边距，防止文本/占位符与下划线重叠
        let contentPadding = UIEdgeInsets(top: 0, left: 0, bottom: 4, right: 0)
        contentInset = contentPadding
        layer.sublayerTransform = CATransform3DMakeTranslation(contentPadding.left, contentPadding.top, 0)
    }
    
    override open func layoutSubviews() {
        super.layoutSubviews()
        // 每次布局更新时，同步调整下划线的位置和宽度
        guard let borderLine = objc_getAssociatedObject(self, &bottomLineKey) as? CALayer else { return }
        borderLine.frame = CGRect(x: 0, y: bounds.height - 2, width: bounds.width, height: 2)
    }
}

额外注意事项 #

如果占位符仍然不显示，检查以下两点：

• 占位符颜色是否可见：如果占位符颜色与父视图背景色一致，会导致视觉上“消失”，可以通过富文本设置占位符颜色：

  yourTextField.attributedPlaceholder = NSAttributedString(
      string: "请输入内容",
      attributes: [NSAttributedString.Key.foregroundColor: UIColor.lightGray]
  )
  

• 确保在正确时机调用方法：在视图控制器的layoutSubviews中调用时，要先调用super.layoutSubviews()，再执行setBottomLine。

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