How to animate (fade) UILabel textColor in Swift?

Question

UIView.animateWithDuration(self.fadeTime, delay: 0, 
    options: UIViewAnimationOptions.AllowUserInteraction, 
    animations: { [weak self] () -> Void in
    var randomIndex = Int(arc4random_uniform(UInt32(CONSTANTS.MainColorScheme.count)))
    self?.startButton.titleLabel!.textColor = CONSTANTS.MainColorScheme[randomIndex]
    }) { (stuff Bool) -> Void in
}

This doesn't seem to work...it just "jumps" to the next color. It doesn't fade. However, if I apply the same approach to self.view.backgroundColor, my code works.

Is there an alternative?

Try `UIViewAnimationOptions.TransitionCrossDissolve` in place of animation options. — iphonic, Jul 28 '15 at 07:03
Check out this article http://webcache.googleusercontent.com/search?q=cache:PuadPDYxc1MJ:https://corecocoa.wordpress.com/2011/10/04/animatable-text-color-of-uilabel — mixel, Jul 28 '15 at 07:18

mixel · Accepted Answer · 2015-07-28T07:30:02.250

UILabel.textColor does not support animation. But you can animate CATextLayer:

Swift:

let textLayer = CATextLayer()
textLayer.string = "Your text"
textLayer.foregroundColor = yourFirstColor
textLayer.frame = yourButton.bounds
yourButton.layer.addSublayer(textLayer)

UIView.animateWithDuration(1) {
    textLayer.foregroundColor = yourSecondColor
}

Objective C:

CATextLayer *textLayer = [CATextLayer layer];
[textLayer setString:@"Your text"];
[textLayer setForegroundColor:yourFirstColor];
[textLayer setFrame:yourButton.bounds];
[[yourButton layer] addSublayer:textLayer];

[UIView animateWithDuration:1 animations:^{
     textLayer.foregroundColor = yourSecondColor;
}];

He wants the solution in swift, you can modify your answer! – Sohil R. Memon Jul 28 '15 at 07:21 — Sohil R. Memon, Jul 28 '15 at 07:21

score 1 · Answer 2 · edited May 23 '17 at 11:44

Indeed, the UIView.animateWithDuration will work with UILabel backgroundColor, while for the textColor it won't because color doesn't animate with UIView animations. Then, how to achieve?

Solution 1:

You can go for CATextLayer instead of a UILabel and then animate the color. For objective-C you can refer to this - iPad: Animate UILabels color changing

Solution 2:

You can use NSTimer and decrease the UILabel alpha as the time passes

Solution 3:

Or simply you can go for "FadeIn - FadeOut" animation with UIView.transitionWithView

score 0 · Answer 3 · edited May 23 '17 at 11:44

0

Try this..

UIView.transitionWithView(YOURLABEL, duration: 0.325, options: UIViewAnimationOptions.TransitionCrossDissolve, animations: {

    // animation...

}, completion: { (fininshed: Bool) -> () in

    // completion...

})

Also check for other syntax here

Cheers! :)

edited May 23 '17 at 11:44

Community

1
1

answered Jul 28 '15 at 07:02

0yeoj

4,500
3
23
41

How to animate (fade) UILabel textColor in Swift?

3 Answers3