圈子IOS截图

Posted 2023-03-21

【中文标题】圈子IOS截图

【英文标题】：Taking a screen shot of circle IOS

【发布时间】：2013-08-29 15:14:29

【问题描述】：

我正在截取一些 UIButtons 的屏幕截图，它们是大约 500 宽和 500 高的圆圈。由于屏幕截图只能以正方形形式制作，而且我不想在图像周围出现白角，因此我使用了以下代码：

UIGraphicsBeginImageContext(self.Button3.layer.bounds.size);
[self.Button3.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage* image2 = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

    NSData* data = UIImagePNGRepresentation(image);
    [data writeToFile:BusinessCardPath atomically:YES];

这很好用，它返回给我一张只有没有白角的圆圈的照片。但是它不能被放大，因为它会丢失像素，并且它不会在镜头中包含所有元素，例如 UIButton 上方的 UILabel，但不包括 UIButton 的子视图。

如果我使用此代码：

CGSize imageSize = CGSizeMake(310, 310);

UIGraphicsBeginImageContext(self.Button3.layer.bounds.size);

CGContextRef context = UIGraphicsGetCurrentContext();
/*CGContextTranslateCTM(context, -5, -50);*/
// 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();

...我得到相反的效果。上面的元素包含在屏幕截图中，高分辨率，但图像周围的白色角落在那里。

【参考方案1】：

您可以使用 CAShapeLayer 来遮盖图像的某些部分。 .path 属性用于定义要渲染的区域。

UIImageView *myImageView = [UIImageView alloc] init];
myImageView.image = [UIImage imageNamed:@"anImage.gif"];
[myImageView setClipsToBounds:YES];

UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:myImageView.bounds byRoundingCorners:UIRectCornerAllCorners cornerRadii:CGSizeMake(48, 48)];
CAShapeLayer *maskLayer = [CAShapeLayer layer];
maskLayer.frame = myImageView.bounds;
maskLayer.path = maskPath.CGPath;

myImageView.layer.mask = maskLayer;

这应该会给你一个圆形图像。您可能需要使用半径。