Question

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

来实现

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

其中GradientFillImage.png是一个简单的图像文件，上面画有线性渐变。

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

Answer 1

我刚刚完成了一个UIColor类扩展，使其成为1行+块事。

https://github.com/bigkm/UIColor-BlockPattern

CGRect rect = CGRectMake(0.0,0.0,10.0,10.0);

[UIColor colorPatternWithSize:rect.size andDrawingBlock:[[^(CGContextRef c) {
    UIImage *image = [UIImage imageNamed:@"FontGradientPink.png"];
    CGContextDrawImage(context, rect, [image CGImage]);
} copy] autorelease]];

Answer 2

好的，我明白了。基本上，我们可以覆盖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);
}

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

2 个答案: