UIView.animate中UIButton标题颜色动画异常问题及解决

1. 动画未按预期工作的原因 #

• UIButton的标题颜色是通过**状态（UIControl.State）**绑定管理的，调用setTitleColor(_:for:)修改的是按钮内部与状态关联的颜色配置，而非UIKit预设的可动画视图属性。
• UIView.animate仅能驱动视图的标准可动画属性（如背景色、frame、alpha等），按钮的状态关联颜色不在此范畴内，因此直接在动画块内调用setTitleColor会立即切换颜色，不会产生过渡动画。

2. 使用UIView.animate实现动画的方法 #

方法一：直接动画titleLabel的文本颜色 #

适合按钮无需切换状态（如始终处于normal状态）的场景，直接修改按钮内部titleLabel的textColor并放入动画块：

@IBAction func buttonTapped(_ sender: UIButton) {
    UIView.animate(withDuration: 3.0) {
        self.view.backgroundColor = .darkGray
        // 直接修改titleLabel的文本颜色
        sender.titleLabel?.textColor = .orange
    }
}

注意：如果按钮后续触发状态变化（如高亮、禁用），titleLabel的颜色会被按钮的状态配置覆盖，需额外处理对应状态的颜色设置。

方法二：过渡动画配合状态颜色设置 #

如果需要保留按钮的状态管理逻辑，可先设置目标状态的颜色，再用过渡动画实现平滑切换：

@IBAction func buttonTapped(_ sender: UIButton) {
    // 先设置目标状态的标题颜色
    sender.setTitleColor(.orange, for: .normal)
    // 执行过渡动画，同步处理视图背景色动画
    UIView.transition(with: sender, duration: 3.0, options: .transitionCrossDissolve, animations: {
        self.view.backgroundColor = .darkGray
    }, completion: nil)
}

方法三：结合核心动画实现 #

利用CALayer动画给按钮添加颜色过渡效果，同时同步视图背景色的动画：

@IBAction func buttonTapped(_ sender: UIButton) {
    // 创建颜色过渡的核心动画
    let colorAnimation = CATransition()
    colorAnimation.duration = 3.0
    colorAnimation.type = .fade
    sender.layer.add(colorAnimation, forKey: "titleColorFade")
    
    // 设置目标颜色
    sender.setTitleColor(.orange, for: .normal)
    
    // 同步执行视图背景色动画
    UIView.animate(withDuration: 3.0) {
        self.view.backgroundColor = .darkGray
    }
}

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