如何像進度條一樣為UILabel的文本顏色設置動畫

Question

我試圖從左到右逐漸更改UILabel的文本顏色。 我發現我可以使用UIView的動畫：

[UIView transitionWithView:_label duration:1 options:UIViewAnimationOptionTransitionCrossDissolve animations:^{
    _label.textColor = [UIColor redColor];
} completion:nil];

但是問題是我的情況沒有選擇：從左到右逐漸遞增。

然后，我找到了一種通過調用逐個字母地更改文本顏色的方法：

[NSTimer scheduledTimerWithTimeInterval:0.1 target:self selector:@selector(yourSelector) userInfo:nil repeats:NO];

- (void)yourSelector
{
    [_string setAttributes:@{NSForegroundColorAttributeName: [UIColor redColor]} range:NSMakeRange(_index, 1)];
    [_label setAttributedText:_string];
    _index++;
}

但是這里的問題是，我希望動畫更像一個字母一個字母，但每個字母也具有動畫效果，例如在同一位置放置兩個具有不同顏色的標簽（黑色覆蓋紅色），並從左到右設置蒙版動畫可以隱藏黑色標簽，以便逐漸顯示紅色標簽。

那么有沒有辦法做到這一點？

Answer 1

為此，請按照以下步驟操作：

• 創建2個UILabel （ trackLabel和progressLabel ）。
• trackLabel具有blackColor ， progressLabel具有redColor 。
• 使progressLabel與trackLabel重疊，相同的前導，頂部和底部。
• 為trackLabel全寬度的文本， progressLabel 0寬度。
• 設置progressLabel.lineBreakMode = NSLineBreakByClipping;
• 當您需要為進度設置動畫時，請增加progressLabel寬度。

有關更多詳細信息，您可以檢查我的演示項目 。