UITextField可选尾部约束设置：添加第二尾部约束适配按钮状态

这需求我之前做过类似的，其实核心就是靠动态切换约束的激活状态来实现，一步步来很简单：

1. 先搞定布局约束的基础设置 #

不管你是用Storyboard/XIB还是纯代码布局，都需要给UITextField设置两个尾部约束：

• 第一个约束：TextField的trailing边缘到按钮的leading边缘（这是按钮显示时的常规约束，优先级设为默认的1000就行）
• 第二个约束：TextField的trailing边缘到父视图的trailing边缘（这是按钮隐藏/禁用时的备用约束）

如果是用Storyboard，记得把这两个约束都拖成代码里的IBOutlet：

@IBOutlet weak var textFieldToButtonTrailing: NSLayoutConstraint!
@IBOutlet weak var textFieldToSuperviewTrailing: NSLayoutConstraint!

2. 写一个约束切换的逻辑方法 #

接下来写一个方法，根据按钮的状态来决定激活哪个约束：

func adjustTextFieldWidth(for button: UIButton) {
    // 判断按钮是否需要显示且可用
    let buttonIsActive = !button.isHidden && button.isEnabled
    
    // 激活对应约束，禁用另一个
    textFieldToButtonTrailing.isActive = buttonIsActive
    textFieldToSuperviewTrailing.isActive = !buttonIsActive
    
    // 触发布局更新，要是需要动画就包在动画块里
    UIView.animate(withDuration: 0.25) {
        self.view.layoutIfNeeded()
    }
}

3. 触发约束切换 #

最后，你需要在按钮状态变化的时候调用这个方法：

• 比如你在代码里设置button.isHidden = true或者button.isEnabled = false之后，立刻调用adjustTextFieldWidth(for: yourButton)
• 要是按钮的状态是通过用户操作（比如点击切换）改变的，就在对应的操作方法里调用这个函数

小细节提醒 #

• 如果是纯代码创建约束，记得初始化时先把其中一个设为isActive = true，另一个设为false，避免约束冲突
• 约束的优先级不用特意改，只要保证同一时间只有一个尾部约束处于激活状态就不会有冲突
• 动画不是必须的，但加了之后过渡会更顺滑，提升用户体验

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