Animate UILabel text color in Swift

Question

How can I animate a color change of UILabel using swift? I have seen people mention using CALayer but I cannot figure out the Swift syntax.

This is an example of Objective-C

CALayer *layer = myView.layer;
CATextLayer *textLayer = [CATextLayer layer];
[textLayer setString:@"My string"];
[textLayer setForegroundColor:initialColor;
[textLayer setFrame:self.bounds];
[[self.view layer] addSublayer:textLayer];

[UIView animateWithDuration:0.5 animations:^{
     textLayer.foregroundColor = finalColor;
   }];

I edited my original question to include an example of Objective-C — user3250926, Dec 05 '14 at 18:28
Does this answer your question? [How to animate the textColor property of an UILabel?](https://stackoverflow.com/questions/2426614/how-to-animate-the-textcolor-property-of-an-uilabel) — aheze, May 18 '21 at 18:10

Dennis Weidmann · Accepted Answer · 2014-12-05T18:36:07.310

14

it is much easier than working with CALayer

let myLabel: UILabel!

UIView.animateWithDuration(2, animations: { () -> Void in
     myLabel.backgroundColor = UIColor.redColor();
})

Thats it...

Edit

Ok, sorry I didn't knew what color you want to change... I have converted your example to swift code...

first

import QuartzCore

than

if let layer: CALayer = self.view.layer as CALayer? {
    if let textLayer = CATextLayer() as CATextLayer? {
        textLayer.string = "My string"
        textLayer.foregroundColor = UIColor.whiteColor().CGColor
        textLayer.frame = self.view.bounds
        self.view.layer.addSublayer(textLayer)

        UIView.animateWithDuration(0.5, animations: { () -> Void in
            textLayer.foregroundColor = UIColor.redColor().CGColor
        })
    }
}

edited Dec 05 '14 at 18:36

answered Dec 05 '14 at 18:22

Dennis Weidmann

1,942
1
14
16

1

The text color changes but it does not animate. It changes instantly. – user3250926 Dec 05 '14 at 18:29
1

backgroundColor ≠ textColor, and as the question’s author points out, this doesn’t actually work – Noah Witherspoon Dec 05 '14 at 18:34
Thanks, sorry can't vote you up cause I don't have 15 reputation – user3250926 Dec 05 '14 at 18:35
At first, my first answer works... I checked it in Xcode, so first check it Noah, than write such stuff... At second, he edited his post, at my first answer I didn't know that the text color is meant... Now I have edited my post too, to fit his expectations – Dennis Weidmann Dec 05 '14 at 18:38
A down vote just because a lack of your knowledge... Nice work dude – Dennis Weidmann Dec 05 '14 at 18:39
user, you need to change the objects from self.view to your Label... But I guess you already saw this? :-) – Dennis Weidmann Dec 05 '14 at 18:41
First code snippet does't change the text color, which is actually what the author asked for and the second code doesn't work for me. – Raphael Mar 10 '15 at 00:37

score 2 · Answer 2 · answered May 18 '21 at 18:00

Unfortunately, textColor isn't animatable via UIView.animate. However, UIView.transition works.

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)
    
    UIView.transition(with: label, duration: 2, options: .transitionCrossDissolve) {
        self.label.textColor = .green
    }
}

Result:

Animate UILabel text color in Swift

2 Answers2

Linked