通过使用 renderInContext 在 UIImage 上绘制 UIView 来截取屏幕截图时，我的 UIImage 不显示

Question

我正在使用 http://developer.apple 中的示例代码。 com/library/ios/#qa/qa1714/_index.html 几乎逐字，我可以保存我的背景图像或我的叠加层，但我无法将两者结合起来。当我尝试使用以下代码组合它们时，叠加层将背景渲染为白色，并且我假设它覆盖了背景。知道这是为什么吗？

这是我的方法，尝试将视图叠加与图像结合起来：

-(void) annotateStillImage
{
    UIImage *image = stillImage;

    // Create a graphics context with the target size
    CGSize imageSize = [[UIScreen mainScreen] bounds].size;
    UIGraphicsBeginImageContextWithOptions(imageSize, NO, 0);

    CGContextRef context = UIGraphicsGetCurrentContext();


    // Draw the image returned by the camera sample buffer into the context. 
    // Draw it into the same sized rectangle as the view that is displayed on the screen.
    UIGraphicsPushContext(context);

    [image drawInRect:CGRectMake(0, 0, imageSize.width, imageSize.height)];
    UIGraphicsPopContext();

    // -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, [[self view] center].x, [[self view] center].y);
    // Apply the window's transform about the anchor point
    CGContextConcatCTM(context, [[self view] transform]);
    // Offset by the portion of the bounds left of and above the anchor point
    CGContextTranslateCTM(context,
                          -[[self view] bounds].size.width * [[[self view] layer] anchorPoint].x,
                          -[[self view] bounds].size.height * [[[self view] layer] anchorPoint].y);

    // Render the layer hierarchy to the current context
    [[[self view] layer] renderInContext:context];

    // Restore the context
    CGContextRestoreGState(context);

    // Retrieve the screenshot image containing both the camera content and the overlay view
    stillImage = UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();
}

这是我的方法的一个片段，它创建相关的视图：

CGRect layerRect = [[[self view] layer] bounds];
[[self previewLayer] setBounds:layerRect];
[[self previewLayer] setPosition:CGPointMake(CGRectGetMidX(layerRect),  CGRectGetMidY(layerRect))];
[[[self view] layer] addSublayer:[self previewLayer]];

UIButton *overlayButton = [UIButton buttonWithType:UIButtonTypeCustom];
[overlayButton setImage:[UIImage imageNamed:@"acceptButton.png"] forState:UIControlStateNormal];
[overlayButton setFrame:[self rectForAcceptButton] ];
[overlayButton setAutoresizesSubviews:TRUE];
[overlayButton setAutoresizingMask:UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleLeftMargin];
[overlayButton addTarget:self action:@selector(acceptButtonPressed) forControlEvents:UIControlEventTouchUpInside];
[[self view] addSubview:overlayButton];

我期望注释方法中的图像作为背景，并且接受按钮要添加到顶部的视图图。我得到的只是接受按钮和白色背景，但如果我不运行 renderInContext 方法，我得到的只是图像背景，没有覆盖。

谢谢！

Answer 1

结果我将叠加层添加到与预览图层相同的视图中，而不是将其放在自己的视图上。我通过回顾这个伟大的项目意识到了这一点，该项目涵盖了所有可能的屏幕截图类型： https://github.com/cocoacoderorg/Screenshots

修复方法是在 IB 中创建一个具有透明背景的单独覆盖视图，并将我的覆盖元素添加到其中。