UILabel调用UIView.animate时长异常，如何实现textColor动画？

嘿，这个问题我之前踩过坑，来给你捋清楚～

你发现给UILabel做backgroundColor动画时，动画完全没按1秒的时长来，颜色疯狂切换，而普通UIView就正常，对吧？核心原因是UILabel作为系统文本控件，内部对layer的动画做了特殊限制。

为什么UILabel的背景色动画“失效”？ #

UILabel的layer默认会禁用backgroundColor属性的隐式动画，当你用UIView.animate修改它的背景色时，系统会直接跳过动画流程，立即更新属性值。这就导致你的completion回调瞬间触发，递归调用的间隔变得极短，看起来就像颜色在唰唰跳。

修复UILabel背景色动画的两种方案 #

方案1：给layer显式添加CABasicAnimation

直接操作UILabel的layer来添加动画，同时用DispatchQueue控制递归间隔，避免回调时机混乱：

func colorChanges(v: UIView) {
    let randomColor = UIColor(displayP3Red: CGFloat(arc4random()) / CGFloat(UInt32.max),
                              green: CGFloat(arc4random()) / CGFloat(UInt32.max),
                              blue: CGFloat(arc4random()) / CGFloat(UInt32.max),
                              alpha: 1.0)
    
    if let label = v as? UILabel {
        // 给UILabel的layer添加背景色动画
        let colorAnim = CABasicAnimation(keyPath: "backgroundColor")
        colorAnim.fromValue = label.layer.backgroundColor
        colorAnim.toValue = randomColor.cgColor
        colorAnim.duration = 1.0
        label.layer.add(colorAnim, forKey: "backgroundColorAnim")
        // 同步更新layer的实际背景色，防止动画结束后回弹
        label.layer.backgroundColor = randomColor.cgColor
    } else {
        // 普通UIView沿用原动画逻辑
        UIView.animate(withDuration: 1.0) {
            v.backgroundColor = randomColor
        }
    }
    
    // 固定1秒后递归调用，确保间隔一致
    DispatchQueue.main.asyncAfter(deadline: .now() + 1.0) {
        self.colorChanges(v: v)
    }
}

方案2：用CATransaction强制开启动画

这个方案更通用，不管是UILabel还是普通UIView都能正常工作，通过CATransaction强制指定动画时长：

func colorChanges(v: UIView) {
    let randomColor = UIColor(displayP3Red: CGFloat(arc4random()) / CGFloat(UInt32.max),
                              green: CGFloat(arc4random()) / CGFloat(UInt32.max),
                              blue: CGFloat(arc4random()) / CGFloat(UInt32.max),
                              alpha: 1.0)
    
    CATransaction.begin()
    CATransaction.setAnimationDuration(1.0)
    CATransaction.setDisableActions(false) // 强制让layer执行动画
    
    v.backgroundColor = randomColor
    
    CATransaction.setCompletionBlock {
        self.colorChanges(v: v)
    }
    CATransaction.commit()
}

你真正需要的textColor动画实现 #

既然你最终目标是文本颜色的动画，这里给你一个适配UILabel的方案——因为textColor不属于layer可动画属性，我们用UIView.transition实现淡入淡出的过渡效果：

func textColorChanges(label: UILabel) {
    let randomColor = UIColor(displayP3Red: CGFloat(arc4random()) / CGFloat(UInt32.max),
                              green: CGFloat(arc4random()) / CGFloat(UInt32.max),
                              blue: CGFloat(arc4random()) / CGFloat(UInt32.max),
                              alpha: 1.0)
    
    UIView.transition(with: label, duration: 1.0, options: .transitionCrossDissolve) {
        label.textColor = randomColor
    } completion: { _ in
        self.textColorChanges(label: label)
    }
}

这个方法的过渡效果自然，完全适配UILabel的文本渲染逻辑。

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