Как анимировать textColor UILabel?

Question

Не могли бы вы рассказать мне Как анимировать textColor UILabel?

Например, я хотел бы изменить цвет от WHITE до RED, а затем вернуться к WHITE с эффектом затухания и повторить это примерно 3 раза.

Мне нужна эта анимация, потому что мое приложение получает данные в режиме реального времени из Интернета и при изменении значения мне нужно, чтобы оживить это текстовое значение сказать пользователю, что она изменилась.

Большое вам спасибо.

Answer 1

Я не уверен, является ли textColor анимацией непосредственно на UILabel. Но если вы используете CATextLayer, будет намного проще получить этот эффект,

Answer 2

Причина, по которой textColor не является анимируемой, заключается в том, что UILabel использует обычный CALayer вместо CATextLayer.

Чтобы сделать textColor анимационным (а также текст, шрифт и т. Д.), Мы можем подклассифицировать UILabel и использовать его CATextLayer.

Это довольно много работы, но, к счастью, я уже сделал это :-)

Вы можете найти полное объяснение + капля в замене с открытым исходным кодом для UILabel в этом article

Answer 3

Вопрос был задан давно, но здесь идет.

Как указано выше, текстColor для UILabel не способен к проживанию. Полезный трюк состоит в том, чтобы динамически создавать в коде еще один UILabel с теми же атрибутами и положением, но с цветом назначения. Вы анимируете альфа нового UILabel от 0.0 до 1.0, поэтому он выглядит так, как textColor исходного UILabel анимируется. Вы можете удалить одну из надписей, когда анимация будет завершена.

Ниже приведен пример метода уровня класса, который на короткое время меняет его на другой textColor и изменяет его.

+(void)colorizeLabelForAWhile:(UILabel *)label withUIColor:(UIColor *)tempColor animated:(BOOL)animated 
{ 
    // We will: 
    //  1) Duplicate the given label as a temporary UILabel with a new color. 
    //  2) Add the temp label to the super view with alpha 0.0 
    //  3) Animate the alpha to 1.0 
    //  4) Wait for awhile. 
    //  5) Animate back and remove the temporary label when we are done. 

    // Duplicate the label and add it to the superview 
    UILabel *tempLabel = [[UILabel alloc] init]; 
    tempLabel.textColor = tempColor; 
    tempLabel.font = label.font; 
    tempLabel.alpha = 0; 
    tempLabel.textAlignment = label.textAlignment; 
    tempLabel.text = label.text; 
    [label.superview addSubview:tempLabel]; 
    tempLabel.frame = label.frame; 

    // Reveal the temp label and hide the current label. 
    if (animated) [UIView beginAnimations:nil context:nil]; 
    tempLabel.alpha = 1; 
    label.alpha = 0; 
    if (animated) [UIView commitAnimations]; 

    // Wait for while and change it back. 
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, FOR_AWHILE_TIME*NSEC_PER_SEC), dispatch_get_main_queue(), ^{ 
     if (animated) { 
      // Change it back animated 
      [UIView animateWithDuration:0.5 animations:^{ 
       // Animate it back. 
       label.alpha = 1; 
       tempLabel.alpha = 0; 
      } completion:^(BOOL finished){ 
       // Remove the tempLabel view when we are done. 
       [tempLabel removeFromSuperview]; 
      }]; 
     } else { 
      // Change it back at once and remove the tempLabel view. 
      label.alpha = 1.0; 
      [tempLabel removeFromSuperview]; 
     } 
    }); 
} 

Answer 4

Это старый вопрос, но в настоящее время он определенно можно анимировать цвет текста с помощью CrossDissolve. Вот как сделать это в Swift:

UIView.transitionWithView(self.newsLabel, 
    duration: 0.5, 
    options: UIViewAnimationOptions.TransitionCrossDissolve, 
    animations: { 
     self.newsLabel.textColor = self.inactiveForegroundColor 
    }, completion: nil) 

Answer 5

Существует простое решениебез подклассов с использованием подхода от this answerдважды.

Возможная реализация в Objective-C может выглядеть следующим образом:

- (void)blinkTextInLabel:(UILabel *)label toColor:(UIColor *)color 
{ 
    [UIView transitionWithView:label duration:0 options:UIViewAnimationOptionTransitionCrossDissolve animations:^{ 
     // set to background color (change the color if necessary) 
     label.textColor = [UIColor whiteColor]; 
    } completion:^(BOOL finished) { 
     [UIView transitionWithView:label duration:0.5f options:UIViewAnimationOptionTransitionCrossDissolve animations:^{ 
      label.textColor = color; 
     } completion:nil]; 
    }]; 
} 

Тогда просто вызовите вспомогательный метод (здесь: в пределах одного класса с использованием UITableViewCell):

[self blinkTextInLabel:myCell.textLabel toColor:[UIColor redColor]]; 

Это работало для меня с использованием iOS 8.3 - он может работать и с другими версиями, так как используемый метод доступен с iOS 4.0, но я не тестировал это.

Надеюсь, это поможет.

Answer 6

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

Try :)

Answer 7

Благодаря this answer - я достиг этого с крестом растворяться:

extension UILabel { 
    func animateTextColor(to color: UIColor) { 
     UIView.transition(with: self, 
          duration: 0.25, 
          options: .transitionCrossDissolve, 
          animations: { [weak self] in 
          self?.textColor = color 
     }) 
    } 
} 

Использование:

label.animateTextColor(to: .red)