Swift中Storyboard构建UI时TextField底部边框无法铺满宽度问题

嘿，这个问题我之前也碰到过！根源在于viewDidLoad的时候，Auto Layout还没完成实际的布局计算，你拿到的EnteredEmail.frame.width其实是Storyboard里默认的iPhone SE尺寸，不是当前设备上TextField实际渲染后的宽度。下面给你两种靠谱的解决办法：

方法一：在布局完成后更新边框（用CALayer） #

把设置边框的代码移到viewDidLayoutSubviews方法里，这个方法会在Auto Layout完成布局、控件尺寸确定后调用。另外记得避免重复添加边框层，可以给layer加个标识，每次先移除旧的再添加新的：

override func viewDidLoad() {
    super.viewDidLoad()
    // 这里不用加边框代码啦
}

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    
    // 先移除之前的底部边框（如果有的话）
    EnteredEmail.layer.sublayers?.forEach {
        if $0.name == "EmailBottomLine" {
            $0.removeFromSuperlayer()
        }
    }
    
    // 创建并添加新的底部边框
    let EmailBottomLine = CALayer()
    EmailBottomLine.name = "EmailBottomLine"
    EmailBottomLine.frame = CGRect(x: 0.0, y: EnteredEmail.bounds.height - 5, width: EnteredEmail.bounds.width, height: 5)
    EmailBottomLine.backgroundColor = UIColor.black.cgColor
    EnteredEmail.layer.addSublayer(EmailBottomLine)
}

方法二：用UIView做底部边框（更适配Auto Layout） #

如果不想和CALayer打交道，直接用一个UIView作为底线，通过Auto Layout约束来让它铺满TextField的宽度，这种方法更符合Storyboard的布局逻辑：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 创建底部线View
    let bottomLine = UIView()
    bottomLine.backgroundColor = .black
    bottomLine.translatesAutoresizingMaskIntoConstraints = false
    EnteredEmail.addSubview(bottomLine)
    
    // 添加约束：底部对齐TextField底部，左右铺满，高度5
    NSLayoutConstraint.activate([
        bottomLine.bottomAnchor.constraint(equalTo: EnteredEmail.bottomAnchor),
        bottomLine.leadingAnchor.constraint(equalTo: EnteredEmail.leadingAnchor),
        bottomLine.trailingAnchor.constraint(equalTo: EnteredEmail.trailingAnchor),
        bottomLine.heightAnchor.constraint(equalToConstant: 5)
    ])
}

两种方法都能解决你的问题，方法二更推荐，因为它完全适配Auto Layout，不管TextField怎么变尺寸，底线都会自动跟着调整~

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