iOS 實現文字顏色漸變的方法

方法一：

1、使用colorWithPatternImage

這是最簡單的實現漸變的方式，一行代碼搞定

_label.textColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"about"]];

使用這種不僅僅可是實現漸變效果，還可以根據圖片內容實現不同的視覺效果

方法二：

1.創建一個顏色漸變層，漸變圖層跟文字控件一樣大。

2.用文字圖層裁剪漸變層，只保留文字部分，就會讓漸變層只保留有文字的部分，相當於間接讓漸變層顯示文字，我們看到的其實是被裁剪過後，漸變層的部分內容。

注意：如果用文字圖層裁剪漸變層，文字圖層就不在擁有顯示功能，這個圖層就被弄來裁剪了，不會顯示,在下面代碼中也會有說明。

2.1 創建一個帶有文字的label，label能顯示文字。

2.2 設置漸變圖層的mask爲label圖層，就能用文字裁剪漸變圖層了。

3.mask圖層工作原理:
1.根據透明度進行裁剪，只保留非透明部分，顯示底部內容。

4.詳細代碼+解釋

 UILabel *label = [[UILabel alloc] init];

    label.text = @"我是中國人，我愛我的祖國";

    [label sizeToFit];

    label.center = self.view.center;    // 疑問：label只是用來做文字裁剪，能否不添加到view上。

    // 必須要把Label添加到view上，如果不添加到view上，label的圖層就不會調用drawRect方法繪製文字，也就沒有文字裁剪了。

    // 如何驗證，自定義Label,重寫drawRect方法，看是否調用,發現不添加上去，就不會調用

    [self.view addSubview:label];    // 創建漸變層

    CAGradientLayer *gradientLayer = [CAGradientLayer layer];

    self.gradientLayer = gradientLayer;

    gradientLayer.startPoint = CGPointMake(0, 0.5);

    gradientLayer.endPoint = CGPointMake(1, 0.5);

    gradientLayer.frame = label.frame;    // 設置漸變層的顏色，隨機顏色漸變

    gradientLayer.colors = @[(id)[UIColor grayColor].CGColor, (id)[UIColor redColor].CGColor,(id)[UIColor  blueColor].CGColor, (id)[UIColor lightGrayColor].CGColor, (id)[UIColor redColor].CGColor];    // 疑問:漸變層能不能加在label上

    // 不能，mask原理：默認會顯示mask層底部的內容，如果漸變層放在mask層上，就不會顯示了

    // 添加漸變層到控制器的view圖層上

    [self.view.layer addSublayer:gradientLayer];    // mask層工作原理:按照透明度裁剪，只保留非透明部分，文字就是非透明的，因此除了文字，其他都被裁剪掉，這樣就只會顯示文字下面漸變層的內容，相當於留了文字的區域，讓漸變層去填充文字的顏色。

    // 設置漸變層的裁剪層

 gradientLayer.mask = label.layer;    // 注意:一旦把label層設置爲mask層，label層就不能顯示了,會直接從父層中移除，然後作爲漸變層的mask層，且label層的父層會指向漸變層，這樣做的目的：以漸變層爲座標系，方便計算裁剪區域，如果以其他層爲座標系，還需要做點的轉換，需要把別的座標系上的點，轉換成自己座標系上點，判斷當前點在不在裁剪範圍內，比較麻煩。    // 父層改了，座標系也就改了，需要重新設置label的位置，才能正確的設置裁剪區域。

    label.frame = gradientLayer.bounds;    // 利用定時器，快速的切換漸變顏色，就有文字顏色變化效果

方法三：

3、自定義label在drawRect裏使用文字mask繪製漸變

注意自定義label的backgroundColor要設置成clearColor

- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    // 獲取文字mask
    [@"我只在乎你" drawInRect:self.bounds withAttributes:@{NSFontAttributeName : self.font}];
    CGImageRef textMask = CGBitmapContextCreateImage(context);
    
    // 清空畫布
    CGContextClearRect(context, rect);
    
    // 設置蒙層
    CGContextTranslateCTM(context, 0.0, self.bounds.size.height);
    CGContextScaleCTM(context, 1.0, -1.0);
    CGContextClipToMask(context, rect, textMask);
    
    // 繪製漸變
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
    CGFloat locations[] = {0, 0.5, 1};
    CGFloat colors[] = {1.0,0.0,0.0,1.0,
                        0.0,1.0,0.0,1.0,
                        0.0,0.0,1.0,1.0};
    CGGradientRef gradient=CGGradientCreateWithColorComponents(colorSpace, colors, locations, 3);
    CGPoint start = CGPointMake(0, self.bounds.size.height / 2.0);
    CGPoint end = CGPointMake(self.bounds.size.width, self.bounds.size.height / 2.0);
    CGContextDrawLinearGradient(context, gradient, start, end, kCGGradientDrawsBeforeStartLocation);
    
    // 釋放
    CGColorSpaceRelease(colorSpace);
    CGGradientRelease(gradient);
    CGImageRelease(textMask);
}