使用[UIColor colorWithPatternImage:]为文本创建渐变填充

Question

我想为文本的填充颜色创建渐变.目前我正在通过将UILabel文本的颜色设置为

UIImage *image = [UIImage imageNamed:@"GradientFillImage.png"];
myLabel.textColor = [UIColor colorWithPatternImage:image];

哪个GradientFillImage.png是简单的图像文件,其上绘有线性渐变.

这工作正常,直到我想调整字体大小.由于图像文件具有恒定的尺寸,并且在调整字体大小时不调整大小,因此字体的渐变填充变得混乱.如何创建自定义尺寸图案图像并将其应用为文本的填充图案？

Answer 1

好吧，我明白了。基本上，我们可以覆盖drawRectInText并使用我们自己的图案来为填充着色。这样做的好处是我们可以将图像大小调整到我们的模式框架中。

首先，我们创建一个 CGPattern 对象并定义一个回调来绘制图案。我们还将标签的大小作为回调中的参数传递。然后，我们使用回调中绘制的图案并将其设置为文本的填充颜色：

- (void)drawTextInRect:(CGRect)rect
{
    //set gradient as a pattern fill
    CGRect info[1] = {rect};
    static const CGPatternCallbacks callbacks = {0, &drawImagePattern, NULL};
    CGAffineTransform transform = CGAffineTransformMakeScale(1.0, -1.0);

    CGPatternRef pattern = CGPatternCreate((void *) info, rect, transform, 10.0, rect.size.height, kCGPatternTilingConstantSpacing, true, &callbacks);
    CGColorSpaceRef patternSpace = CGColorSpaceCreatePattern(NULL);
    CGFloat alpha = 1.0;
    CGColorRef patternColorRef = CGColorCreateWithPattern(patternSpace, pattern, &alpha);
    CGColorSpaceRelease(patternSpace);
    CGPatternRelease(pattern);
    self.textColor = [UIColor colorWithCGColor:patternColorRef];
    self.shadowOffset = CGSizeZero;
    [super drawTextInRect:rect];
}

回调将图像绘制到上下文中。图像根据传递到回调中的帧大小调整大小。

void drawImagePattern(void *info, CGContextRef context)
{
    UIImage *image = [UIImage imageNamed:@"FontGradientPink.png"];
    CGImageRef imageRef = [image CGImage];
    CGRect *rect = info;
    CGContextDrawImage(context, rect[0], imageRef);
}