iOS：在UIImage上繪製NSString和邊框

Question

我想繪製一個NSString和一個邊框到我已經擁有的UIImage上。我找到了一個將NSString作爲UIImage繪製的方法，但我需要它繪製我提供的圖像。

-(UIImage *)imageFromText:(NSString *)text 
{ 
    // set the font type and size 
    UIFont *font = [UIFont systemFontOfSize:20.0]; 
    CGSize size = [text sizeWithFont:font]; 

    // check if UIGraphicsBeginImageContextWithOptions is available (iOS is 4.0+) 
    if (UIGraphicsBeginImageContextWithOptions != NULL) 
     UIGraphicsBeginImageContextWithOptions(size,NO,0.0); 
    else 
     // iOS is < 4.0 
     UIGraphicsBeginImageContext(size); 

    // optional: add a shadow, to avoid clipping the shadow you should make the context size bigger 
    // 
    // CGContextRef ctx = UIGraphicsGetCurrentContext(); 
    // CGContextSetShadowWithColor(ctx, CGSizeMake(1.0, 1.0), 5.0, [[UIColor grayColor] CGColor]); 

    // draw in context, you can use also drawInRect:withFont: 
    [text drawAtPoint:CGPointMake(0.0, 0.0) withFont:font]; 

    // transfer image 
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext(); 
    UIGraphicsEndImageContext();  

    return image; 
} 

我該如何修改此方法來提供我自己的背景圖像，以及添加邊框？

Answer 1

如果你是在一個UIImageView顯示的UIImage可以設置UIImageView.layer.delegate和使用這樣的：

- (void) drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx { 
    CGContextSetFillColorWithColor(ctx, [[UIColor darkTextColor] CGColor]); 

    UIGraphicsPushContext(ctx); 

    [word drawAtPoint:CGPointMake(30.0f, 30.0f) 
      forWidth:200.0f 
      withFont:[UIFont boldSystemFontOfSize:32] 
     lineBreakMode:UILineBreakModeClip]; 

    UIGraphicsPopContext(); 
} 

代碼從Add text to CALayer

邊界很容易，只需使用CALayer屬性：

imageview.layer.borderColor = [UIColor blackColor].CGColor; 
imageview.sublayer.borderWidth = 2.0; 

Answer 2

您正在尋找CALayers。

這裏是非常好的教程如何創建和使用它們。

所以基本上你會添加新的CALayer與圖像作爲背景，然後在它上面繪製文本。

http://www.raywenderlich.com/2502/introduction-to-calayers-tutorial

Answer 3

使用此功能繪製的NSString和邊界上的UIImage
邊境檢查CGContextSetRGBStrokeColor

-(UIImage *)imageFromText:(NSString *)text 
{ 
// set the font type and size 
UIFont *font = [UIFont systemFontOfSize:20.0]; 
CGSize size = [text sizeWithFont:font]; 

// check if UIGraphicsBeginImageContextWithOptions is available (iOS is 4.0+) 
if (UIGraphicsBeginImageContextWithOptions != NULL) 
    UIGraphicsBeginImageContextWithOptions(size,NO,0.0); 
else 
    // iOS is < 4.0 
    UIGraphicsBeginImageContext(size); 

// optional: add a shadow, to avoid clipping the shadow you should make the context size bigger 
// 
CGContextRef ctx = UIGraphicsGetCurrentContext(); 
CGContextSetShadowWithColor(ctx, CGSizeMake(1.0, 1.0), 5.0, [[UIColor brownColor] CGColor]); 

// draw in context, you can use also drawInRect:withFont: 
[text drawAtPoint:CGPointMake(0.0, 0.0) withFont:font]; 

//CGImageRef cimg = UIGraphicsGetCurrentContext();  

// transfer image 
UIImage *image = UIGraphicsGetImageFromCurrentImageContext(); 
CGRect rect = CGRectMake(0, 0, image.size.width, image.size.height); 
[image drawInRect:rect blendMode:kCGBlendModeNormal alpha:1.0]; 

//CGContextRef context = UIGraphicsGetCurrentContext(); 
CGContextSetRGBStrokeColor(ctx, 2.0, 3.5, 5.0, 1.0); 
CGContextStrokeRect(ctx, rect); 
UIImage *testImg = UIGraphicsGetImageFromCurrentImageContext(); 

UIGraphicsEndImageContext();  

return testImg; 
}