Swift编程实现UITextField关联UILabel的编辑状态样式变更

问题背景 #

最初的表单布局采用UIView包裹UILabel和UITextField，需求是用户激活输入框时，同步修改对应UILabel的颜色以及外层容器UIView的边框颜色。如果通过第一响应者事件处理，需要为每个TextField匹配对应的UILabel和容器视图，一开始打算给每个字段单独编写响应函数并传入对应的IBOutlet变量，但这种重复写代码的方式效率很低，希望找到更优的实现方案。

后续需求调整：将UILabel放置到UITextField内部，同时把样式修改目标从外层容器UIView改为直接高亮UITextField的边框。

优化实现方案 #

通过给UILabel扩展方法，封装编辑状态的样式逻辑和与UITextField的绑定逻辑，这样每个字段只需要一行代码就能完成关联，避免重复编写事件处理代码。

最终实现代码 #

override func viewDidLoad() {
    super.viewDidLoad()
    firstNameLabel.connect(with: firstName)
}

extension UILabel {
    @objc
    func editingChanged(textField: UITextField) {
        // 若需要处理输入内容变化的逻辑，可在此实现
    }

    @objc
    func editingDidBegin(textField: UITextField) {
        self.textColor = UIColor.blue
        textField.layer.borderColor = UIColor.blue.cgColor
    }

    @objc
    func editingDidEnd(textField: UITextField) {
        self.textColor = UIColor.green
        textField.layer.borderColor = UIColor.green.cgColor
    }

    func connect(with textField: UITextField){
        // 如需监听输入内容变化，可取消下面这行注释
        // textField.addTarget(self, action: #selector(UILabel.editingChanged(textField:)), for: .editingChanged)
        textField.addTarget(self, action: #selector(UILabel.editingDidBegin(textField:)), for: .editingDidBegin)
        textField.addTarget(self, action: #selector(UILabel.editingDidEnd(textField:)), for: .editingDidEnd)
        
        // 设置TextField初始样式
        textField.layer.borderColor = UIColor.gray.cgColor
        textField.layer.borderWidth = 1
        textField.layer.cornerRadius = 10
    }
}

实现说明 #

1. 逻辑封装：把UILabel颜色切换、UITextField边框颜色切换的逻辑封装在UILabel的扩展中，避免在ViewController中编写大量重复代码。
2. 便捷绑定：通过connect(with:)方法，一键完成UITextField与UILabel的事件绑定，同时初始化TextField的基础样式。
3. 事件响应：利用UITextField的editingDidBegin和editingDidEnd事件，触发对应的样式切换逻辑，UILabel能直接在事件回调中修改自身和关联TextField的样式。

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