Jak animować właściwość textColor w UILabel?

Question

Z jakiegoś powodu, gdy próbuję animować textColor, to nie zadziała. Kolor tekstu nagle zmienia się z A na B. Czy można go ożywić, powiedzmy od czerwonego do czarnego?

Answer 1

Obiekt textColour nie jest określony jako animateable w docs, więc nie sądzę, można to zrobić za pomocą prostego UIView animacje bloku ...

Można to prawdopodobnie dość prymitywnie wykonane z NSTimer strzelanie co kilka milisekund, za każdym razem ustawianie koloru stopniowo od jednego do drugiego.

Mówię, że jest to prymitywne, ponieważ wymagałoby tablicy lub innego pojemnika z ustawionymi wartościami kolorów, począwszy od koloru początkowego do koloru końcowego, i jestem pewien, że jest sposób, w jaki można to zrobić za pomocą animacji rdzenia lub czegoś podobnego. , Po prostu nie wiem, co to jest.

Answer 2

Możesz spróbować utworzyć kolejną instancję UILabel lub cokolwiek innego, co ma textColor, a następnie zastosować animację między tymi dwoma instancjami (ze starym textColor i tym z nowym textColor).

Answer 3

Powodem, dla którego funkcja textColor nie może być animowana, jest to, że UILabel używa zwykłej CALayer zamiast CATextLayer.

Aby uczynić textColor animatable (jak również tekst, czcionkę, itp.) Możemy podklasę UILabel, aby użyć CATextLayer.

To dość dużo pracy, ale na szczęście ja już to zrobił :-)

można znaleźć kompletne wyjaśnienie + spadek zamiennik open source dla UILabel w tym article

Answer 4

znalazłem to bardzo łatwe umieszczanie UIView pod etykietą i animowanie jej nieprzezroczystości. Etykieta musi zostać dodana do tego widoku. Może nie jest to dobre rozwiązanie z punktu widzenia zużycia zasobów, ale całkiem proste.

Answer 5

Zamiast masz spróbował wykorzystać Przenikanie przejście na obiekcie sama jak ta, będzie ona daje piękny Fade-in-out blaknięcie efekt z jednego koloru do drugiego:

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

To jest lepsze niż używanie NSTimers, CATextLayers i tak dalej z różnych powodów. CATextLayer nie ma odpowiedniego wsparcia dla kerningu tekstowego lub NSAttributedText, a NSTimery są opóźnione (plus za dużo kodu). Powyższa animacja przejścia obsługuje sztuczkę, a także może być użyta w animacji łańcucha. Miałem ten sam problem i już wypróbowałem powyższe rozwiązania, ale ten prosty kod działa zamiast cudów.

Answer 6

Oto mój kod do animowania koloru tekstu etykiety. ważnym elementem jest ustalenie textColor do clearColor przed animacją

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

Answer 7

Swift 4 rozwiązanie:

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

Answer 8

aktualizowane Swift 3.0

prostu zmieniony z @budidino uwagi

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