Objective-C(iOS)で画像に文字を書くには？

質問

プログラムでこのような画像を作りたいのですが。

上の画像とテキストが手元にあります。画像にテキストを書き込むべきでしょうか？

完全な.png画像（画像＋ラベル）にして、ボタンの背景に設定したいのですが。

どのように解決するのですか？

画像内にテキストを描画し、その結果を返す。

+(UIImage*) drawText:(NSString*) text 
             inImage:(UIImage*)  image 
             atPoint:(CGPoint)   point 
{

    UIFont *font = [UIFont boldSystemFontOfSize:12];
    UIGraphicsBeginImageContext(image.size);
    [image drawInRect:CGRectMake(0,0,image.size.width,image.size.height)];
    CGRect rect = CGRectMake(point.x, point.y, image.size.width, image.size.height);
    [[UIColor whiteColor] set];
    [text drawInRect:CGRectIntegral(rect) withFont:font]; 
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return newImage;
}

使用方法

// note: replace "ImageUtils" with the class where you pasted the method above
UIImage *img = [ImageUtils drawText:@"Some text"
                            inImage:img 
                            atPoint:CGPointMake(0, 0)];

画像内のテキストの原点を0,0から好きな点に変更します。

テキストの後ろに矩形のベタ塗りをするには、行の前に以下を追加します。 [[UIColor whiteColor] set]; :

[[UIColor brownColor] set];
CGContextFillRect(UIGraphicsGetCurrentContext(), 
                  CGRectMake(0, (image.size.height-[text sizeWithFont:font].height), 
                                  image.size.width, image.size.height));

文字サイズを使って無地の矩形の原点を計算していますが、任意の数値に置き換えてください。