用于在图像上覆盖文本和图形的图形库和函数

Question

我需要编写一个可以拍照的应用程序，然后我希望能够预览它，覆盖一个图形，也许还有一些文本，然后将其保存回图像库。

因此，我的用户会启动我的应用程序，然后使用UIImagePickerController访问相机，并通过委派获取图像的数据。

然后我想把它显示在屏幕上，然后提供控件来添加可见图像（特别是徽标），并让用户可以选择添加一行或两行文本，然后将其放置在图片的某个区域上。

然后，用户将单击保存，生成的合成图像将被写入相机胶卷/照片库，然后用户可以根据需要将图像上传到推特、脸书等（我不希望实现OAuth2的开销可能是其他人的问题）。

所以，我需要知道的是，在SDK中可用的许多库中，哪一个库可以让我做到这一点？CGImage？考虑到我的叠加标志将是一个透明的PNG，我如何将一个叠加在另一个上？

我听说你可以用CALayer展示，但我不知道你是如何把所有的层都抓在一起（压平）的。

在PHP中，你会使用类似imagecopymerge（）的东西，我很难找到等价物。

我不想把数据传给网络服务器，然后再传回来，因为我知道这可以在本地完成。

感谢

Answer 1

为了将文本添加到图像中，我相信您可以使用文本字段来获取输入，然后将文本放入标签中。这部分可以用几种不同的方法来完成，但相当容易。

至于抓取所有图层的组合图像，您可以使用Quartz。

每个UIWindow（从UIView继承）和UIView都由一个CAL层支持。使用CALayer/-renderInContext:方法可以将层及其子层渲染到图形上下文中。因此，要获取整个屏幕的快照，您可以在屏幕上的每个窗口中进行迭代，并将其层层次结构渲染到目标上下文。完成后，您可以通过UIGraphicsGetImageFromCurrentImageContext功能获得屏幕截图图像，如下所示。

请注意，CALayer/-renderInContext:仅捕获UIKit和Quartz绘图。它不捕获OpenGL ES或视频内容。

#import <QuartzCore/QuartzCore.h>

- (UIImage*)screenshot 
{
    // Create a graphics context with the target size
    // On iOS 4 and later, use UIGraphicsBeginImageContextWithOptions to take the scale into consideration
    // On iOS prior to 4, fall back to use UIGraphicsBeginImageContext
    CGSize imageSize = [[UIScreen mainScreen] bounds].size;
    if (NULL != UIGraphicsBeginImageContextWithOptions)
        UIGraphicsBeginImageContextWithOptions(imageSize, NO, 0);
    else
        UIGraphicsBeginImageContext(imageSize);
    CGContextRef context = UIGraphicsGetCurrentContext();
    // Iterate over every window from back to front
    for (UIWindow *window in [[UIApplication sharedApplication] windows]) 
    {
        if (![window respondsToSelector:@selector(screen)] || [window screen] == [UIScreen mainScreen])
        {
            // -renderInContext: renders in the coordinate space of the layer,
            // so we must first apply the layer's geometry to the graphics context
            CGContextSaveGState(context);
            // Center the context around the window's anchor point
            CGContextTranslateCTM(context, [window center].x, [window center].y);
            // Apply the window's transform about the anchor point
            CGContextConcatCTM(context, [window transform]);
            // Offset by the portion of the bounds left of and above the anchor point
            CGContextTranslateCTM(context,
                                  -[window bounds].size.width * [[window layer] anchorPoint].x,
                                  -[window bounds].size.height * [[window layer] anchorPoint].y);
            // Render the layer hierarchy to the current context
            [[window layer] renderInContext:context];
            // Restore the context
            CGContextRestoreGState(context);
        }
    }
    // Retrieve the screenshot image
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return image;
}

至于上传到Facebook和Twitter，请查看ShareKit。这是一个拖放库，用于与Facebook、Twitter、汤博乐、电子邮件等共享。拥有它将为您的应用程序增加价值。我建议实现它。