Objective-C (iOS)에서 이미지에 텍스트를 쓰는 방법은 무엇입니까?

Development Tip

Objective-C (iOS)에서 이미지에 텍스트를 쓰는 방법은 무엇입니까?

yourdevel 2020. 10. 17. 12:30

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));

단색 사각형의 원점을 계산하기 위해 텍스트 크기를 사용하고 있지만 원하는 숫자로 바꿀 수 있습니다.

iOS 7 지원에 대한 첫 번째 답변에 대한 나의 기여 :

+(UIImage*) drawText:(NSString*) text
             inImage:(UIImage*)  image
             atPoint:(CGPoint)   point
{
    UIGraphicsBeginImageContextWithOptions(image.size, YES, 0.0f);
    [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];

    UIFont *font = [UIFont boldSystemFontOfSize:12];
    if([text respondsToSelector:@selector(drawInRect:withAttributes:)])
    {
        //iOS 7
        NSDictionary *att = @{NSFontAttributeName:font};
        [text drawInRect:rect withAttributes:att];
    }
    else
    {
        //legacy support
        [text drawInRect:CGRectIntegral(rect) withFont:font];
    }

    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return newImage;
}

도움이 되었기를 바랍니다

편집 :UIGraphicsBeginImageContextWithOptions 화면 크기를 처리 하도록 수정했습니다 . @SoftDesigner

다음은 Swift 버전입니다.

func textToImage(drawText: NSString, inImage: UIImage, atPoint:CGPoint)->UIImage{

    // Setup the font specific variables
    var textColor: UIColor = UIColor.whiteColor()
    var textFont: UIFont = UIFont(name: "Helvetica Bold", size: 12)!

    //Setup the image context using the passed image.
    UIGraphicsBeginImageContext(inImage.size)

    //Setups up the font attributes that will be later used to dictate how the text should be drawn
    let textFontAttributes = [
        NSFontAttributeName: textFont,
        NSForegroundColorAttributeName: textColor,
    ]

    //Put the image into a rectangle as large as the original image.
    inImage.drawInRect(CGRectMake(0, 0, inImage.size.width, inImage.size.height))

    // Creating a point within the space that is as bit as the image.
    var rect: CGRect = CGRectMake(atPoint.x, atPoint.y, inImage.size.width, inImage.size.height)

    //Now Draw the text into an image.
    drawText.drawInRect(rect, withAttributes: textFontAttributes)

    // Create a new image out of the images we have created
    var newImage: UIImage = UIGraphicsGetImageFromCurrentImageContext()

    // End the context now that we have the image we need
    UIGraphicsEndImageContext()

    //And pass it back up to the caller.
    return newImage

}