iOS_给View的部分区域截图 snapshot for view

1.将整个view截图返回image:

这些 api 已被废弃,所以需要判断 iOS 版本 写两套代码:
Replace usage of UIGraphicsBeginImageContextWithOptions with UIGraphicsImageRenderer.
Replace usage of UIGraphicsGetImageFromCurrentImageContext with UIGraphicsImageRendererContext.currentImage.

Swift 版本:

/// 截图整个view
/// - Returns: image
func mooSnapshot() -> UIImage? {
    if self.window == nil {
        return nil
    }
    let scale = UIScreen.main.scale
    var image: UIImage? = nil
    // 1. 创建绘图渲染格式
    if #available(iOS 10.0, *) {
        let format = UIGraphicsImageRendererFormat()
        format.scale = scale
        format.opaque = false
        // 2. 创建绘图渲染器
        let renderer = UIGraphicsImageRenderer(size: self.bounds.size,
                                               format: format)
        // 3. 绘制图
        image = renderer.image { context in
            let success = self.drawHierarchy(in: self.bounds, afterScreenUpdates: true)
            print("draw success: \(success)")
        }
    } else {
        UIGraphicsBeginImageContextWithOptions(self.bounds.size, false, scale);
        let success = self.drawHierarchy(in: self.bounds, afterScreenUpdates: true)
        print("draw success: \(success)")
        image = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();
    }
    return image
}

OC版本:

- (UIImage * _Nullable)mooSnapshot {
    if (CGRectGetWidth(self.bounds) <= 0.0 || CGRectGetHeight(self.bounds) <= 0.0) {
        return nil;
    }
    if (!self.window) {
        return nil;
    }
    if (!self.superview) {
        return nil;
    }
    CGFloat scale = [UIScreen mainScreen].scale;
    UIImage *image = nil;
    if (@available(iOS 10.0, *)) {
        UIGraphicsImageRendererFormat *format = [[UIGraphicsImageRendererFormat alloc] init];
        format.scale = scale;
        format.opaque = NO;
        UIGraphicsImageRenderer *renderer = [[UIGraphicsImageRenderer alloc] initWithSize:self.bounds.size
                                                                                   format:format];
        image = [renderer imageWithActions:^(UIGraphicsImageRendererContext * _Nonnull rendererContext) {
            BOOL success = [self drawViewHierarchyInRect:self.bounds afterScreenUpdates:YES];
            NSLog(@"%p, Snapshot success: %@", self, @(success));
        }];
    } else {
        UIGraphicsBeginImageContextWithOptions(self.bounds.size, NO, scale);
        BOOL success = [self drawViewHierarchyInRect:self.bounds afterScreenUpdates:YES];
        NSLog(@"%p,  Snapshot success: %@", self, @(success));
        image = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();
    }
    return image;
}

2.截取view的部分区域,返回image:

Capture the frame area of the view.

Swift 版本:

import CoreGraphics
extension UIView {
    /// 截取view的部分区域
    /// - Parameter frame: 需要截取的区域
    /// - Returns: image
    func mooSnapshotForFrame(_ frame: CGRect) -> UIImage? {
        guard let image = self.mooSnapshot() else { return nil }
        guard let cgImage = image.cgImage else { return nil }
        let scale = UIScreen.main.scale
        // 根据屏幕倍率将 frame 进行缩放
        let scaledRect = CGRectApplyAffineTransform(frame, 
        											CGAffineTransformMakeScale(scale, scale))
        // 根据 缩放frame 进行裁剪
        guard let scaledCGImage = cgImage.cropping(to: scaledRect) else { return nil }
        let returnImage = UIImage(cgImage: scaledCGImage)
        return returnImage
    }
}

OC 版本:

- (UIImage * _Nullable)mooSnapshotForFrame:(CGRect)frame {
    if (CGRectGetWidth(frame) <= 0.0 || CGRectGetHeight(frame) <= 0.0) {
        return nil;
    }
    UIImage *image = [self mooSnapshot];
    if (!image) {
        return nil;
    }
    CGFloat scale = [UIScreen mainScreen].scale;
    CGRect scaledRect = CGRectApplyAffineTransform(frame, CGAffineTransformMakeScale(scale, scale));
    CGImageRef cgImage = CGImageCreateWithImageInRect(image.CGImage, scaledRect);
    UIImage *returnImage = [UIImage imageWithCGImage:cgImage];
    CGImageRelease(cgImage);
    return returnImage;
}

以下就是将一个view的上半部分截取成image后展示如下:

在这里插入图片描述


3.旧方法:

func mooSnapshot() -> UIImage? {
    guard CGRectGetWidth(self.bounds) > 0.0 && CGRectGetHeight(self.bounds) > 0.0 else {
        return nil
    }
    UIGraphicsBeginImageContextWithOptions(self.bounds.size, false, 0.0)
    let success = self.drawHierarchy(in: self.bounds, afterScreenUpdates: true)
    print("draw success: \(success)")
    let image = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndPDFContext()
    return image
}

Replace usage of UIGraphicsBeginImageContext with UIGraphicsImageRenderer.
Replace usage of UIGraphicsBeginImageContextWithOptions with UIGraphicsImageRenderer.
Replace usage of UIGraphicsGetImageFromCurrentImageContext with UIGraphicsImageRendererContext.currentImage.
UIGraphicsEndImageContext should only be used alongside UIGraphicsBeginImageContext[WithOptions].
这些旧的 api 已经被废弃了,用文章开头的 api 代替


4.Tips

Tips1:得在加载到父视图 layout 后触发
Tips2:width 或 height 有一个为空 drawHierarchy 就会 crash(就版iOS不会crash,新版会)


参考:

drawViewHierarchyInRect:afterScreenUpdates:
ios drawViewHierarchyInRect crash EXC_BREAKPOINT UNKNOWN

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

莫小言mo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值