Question

我有一个UILabel子类，它使用模式图像在drawinRect方法中绘制一些文本。此图案图像是我正在创建的渐变图像。

-(void)drawRect:(CGRect)rect
{
      UIColor *color = [UIColor colorWithPatternImage:[self gradientImage]];
      [color set];

      [someText drawInRect:rec withFont:font lineBreakMode:UILineBreakModeWordWrap alignment:someAlignment];
}

渐变图像方法是

-(UIImage *)gradientImage
{
    NSData *colorData = [[NSUserDefaults standardUserDefaults] objectForKey:@"myColor"];
    UIColor *co = [NSKeyedUnarchiver unarchiveObjectWithData:colorData];

    colors = [NSArray arrayWithObjects:co,co,[UIColor whiteColor],co,co,co,co,nil];

    NSArray *gradientColors=colors;

    CGFloat width;         
    CGFloat height;      

    CGSize textSize = [someText sizeWithFont:font];

    width=textSize.width; height=textSize.height;

    UIGraphicsBeginImageContext(CGSizeMake(width, height));

    // get context
    CGContextRef context = UIGraphicsGetCurrentContext();

    // push context to make it current (need to do this manually because we are not drawing in a UIView)
    UIGraphicsPushContext(context);

    //draw gradient
    CGGradientRef gradient;
    CGColorSpaceRef rgbColorspace;

    //set uniform distribution of color locations
    size_t num_locations = [gradientColors count];

    CGFloat locations[num_locations];
    for (int k=0; k<num_locations; k++)
    {
        locations[k] = k / (CGFloat)(num_locations - 1); //we need the locations to start at 0.0 and end at 1.0, equaly filling the domain
    }

    //create c array from color array
    CGFloat components[num_locations * 4];
    for (int i=0; i<num_locations; i++)
    {
        UIColor *color = [gradientColors objectAtIndex:i];
        NSAssert(color.canProvideRGBComponents, @"Color components could not be extracted from StyleLabel gradient colors.");
        components[4*i+0] = color.red;
        components[4*i+1] = color.green;
        components[4*i+2] = color.blue;
        components[4*i+3] = color.alpha;
    }

    rgbColorspace = CGColorSpaceCreateDeviceRGB();
    gradient = CGGradientCreateWithColorComponents(rgbColorspace, components, locations, num_locations);

    CGRect currentBounds = self.bounds;

    CGPoint topCenter = CGPointMake(CGRectGetMidX(currentBounds), 0.0f);
    CGPoint midCenter = CGPointMake(CGRectGetMidX(currentBounds), CGRectGetMidY(currentBounds));
    CGContextDrawLinearGradient(context, gradient, topCenter, midCenter, 0);


    CGGradientRelease(gradient);
    CGColorSpaceRelease(rgbColorspace);

    // pop context
    UIGraphicsPopContext();

    // get a UIImage from the image context
    UIImage *gradientImage = UIGraphicsGetImageFromCurrentImageContext();

    // clean up drawing environment
    UIGraphicsEndImageContext();

    return  gradientImage;
}

一切都很好。文本绘制具有良好的光泽效果。现在我的问题是如果我改变UILabel内文本的x或y位置然后调用 [someText drawinRect：rec] ...要重绘，光泽效果会以不同方式生成。似乎图案图像随着文字位置的变化而变化。

以下是frame rec = CGRectMake（0,10，self.frame.size.width，self.frame.size.height）的效果;

以下是frame rec = CGRectMake（0,40，self.frame.size.width，self.frame.size.height）的效果;

我希望我能很好地解释我的问题。在其他地方找不到任何确切的答案。提前谢谢。

Answer 1

您可能希望查看使用现有的第三方解决方案，例如FXLabel。

使用渐变图像在UILabel上绘制文本

1 个答案: