如何为 UILabel 的 textColor 属性设置动画？

Question

由于某种原因，当我尝试为 textColor 设置动画时，它不起作用。 textColor 突然从 A 变为 B。是否可以对其进行动画处理，例如从红色变为黑色？

Answer 1

相反，您是否尝试过像这样在对象本身上使用交叉淡入淡出过渡，它会给您带来从一种颜色到另一种颜色的漂亮淡入淡出效果：

Swift 5

UIView.transition(with: creditsLabel, duration: 0.25, options: .transitionCrossDissolve) {
    self.creditsLabel.textColor = .red
}

Objective C 出于各种原因，这比使用 NSTimers、CATextLayers等

[UIView transitionWithView:myLabel duration:0.25 options:UIViewAnimationOptionTransitionCrossDissolve animations:^{
    myLabel.textColor = NEW_COLOR;
} completion:^(BOOL finished) {
}];

更好。 CATextLayer 没有对文本字距调整或 NSAttributedText 的适当支持，并且 NSTimers 很滞后（而且代码太多）。上面的过渡动画就达到了目的，也可以在链式动画中使用。我遇到了同样的问题，并且已经尝试了上面的解决方案，但这个简单的代码却产生了奇迹。

Answer 2

Swift 4解决方案：

UIView.transition(with: yourLabel, duration: 0.3, options: .transitionCrossDissolve, animations: {
  self.yourLabel.textColor = .red
}, completion: nil)

Answer 3

textColor 不可设置动画的原因是 UILabel 使用常规 CALayer 而不是 CATextLayer。

为了使 textColor 可动画化（以及文本、字体等），我们可以对 UILabel 进行子类化，使其使用 CATextLayer。

这是相当大量的工作，但幸运的是我已经做到了 :-)

您可以在此 文章

Answer 4

这是唯一对我有用的东西：

let changeColor = CATransition()
changeColor.duration = 1

CATransaction.begin()

CATransaction.setCompletionBlock {
    selected.label.layer.add(changeColor, forKey: nil)
    selected.label.textColor = .black
}

selected.nameLabel.textColor = .red

CATransaction.commit()

Answer 5

您可以尝试创建 UILabel 的另一个实例或具有 textColor 的任何实例，然后在这两个实例（具有旧 textColor 的实例和具有新 textColor 的实例）之间应用动画。

Answer 6

这是我的代码，用于为标签文本颜色设置动画。 重要的部分是在动画之前将 textColor 设置为clearColor

label.textColor = [UIColor clearColor];
[UIView transitionWithView:label duration:duration/4 options:UIViewAnimationOptionTransitionCrossDissolve animations:^{
    label.textColor = self.highlightedCellPrimaryTextColor;
} completion:^(BOOL finished) { }];

Answer 7

这个答案已过时，并且不是原始问题的良好解决方案。 @strange 下面的答案更好，应该用来代替这个答案： https://stackoverflow.com/a/20892927/ 76559

//下面的旧答案

textColor 属性在文档中没有指定为可动画，所以我认为你不能用简单的 UIView 动画块来做到这一点...

这可以通过每几毫秒触发一次 NSTimer 来非常粗略地完成，每次将颜色逐渐从一种设置为另一种。

我说这很粗糙，因为它需要一个数组或其他一些包含从开始颜色到完成颜色的预设颜色值的容器，并且我确信有一种方法可以使用核心动画或其他东西来做到这一点，我只是不知道不知道那是什么。

Answer 8

我发现将 UIView 放置在标签下方并为其不透明度设置动画非常容易。
必须将标签添加到该视图中。
从资源消耗的角度来看，这可能不是一个好的解决方案，但非常简单。

Answer 9

更新了 swift 3.0

我刚刚更改了 @budidino 评论

UIView.transition(with: my.label, duration: 0.3, options: .transitionCrossDissolve, animations: { my.label.textColor = .black }, completion: nil)

Answer 10

感谢 @Strange 的回答，在 Swift 5、Xcode 11 中完美运行，但稍作语法更改。我正在为多个 UILabels 制作文本颜色动画，如果这也是您的情况，请尝试这个

for label in [label1, label2, ...] as [UILabel] { // loop through a @IBOutlet UILabel array
        UIView.transition(with: label, duration: 0.3, options: .transitionCrossDissolve, animations: {
            label.textColor = .label
        }, completion: nil)
}

Answer 11

尝试使用核心动画

   func textColorBlinking(){
        let changeColor = CATransition()
        changeColor.duration = 1
        changeColor.type = .fade
        changeColor.repeatCount = Float.infinity
        CATransaction.begin()
        CATransaction.setCompletionBlock {
            self.lblHome.layer.add(changeColor, forKey: nil)
            self.lblHome.textColor = .white
        }
        self.lblHome.textColor = .red
        CATransaction.commit()
   }