服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - IOS - iOS中如何获取某个视图的截图详析

iOS中如何获取某个视图的截图详析

2021-05-26 15:57哈雷哈雷_Wong IOS

这篇文章主要给大家介绍了关于在iOS中如何获取某个视图的截图的相关资料,文中通过示例代码介绍的非常详细,对各位iOS开发者们有一定的参考学习价值,需要的朋友们下面来一起学习学习吧

前言

最近在做SDK的截图,想触发类似系统的截屏功能,找了一圈,总结一下靠谱的几种方式。

我写了个UIView 的category,将这几种方式封装和简化了一下。

第一种情形截图

这种是最最普通的截图,针对一般的视图上添加视图的情况,基本都可以使用。

源码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/**
 普通的截图
 该API仅可以在未使用layer和OpenGL渲染的视图上使用
 
 @return 截取的图片
 */
- (UIImage *)nomalSnapshotImage
{
 UIGraphicsBeginImageContextWithOptions(self.frame.size, NO, [UIScreen mainScreen].scale);
 [self.layer renderInContext:UIGraphicsGetCurrentContext()];
 UIImage *snapshotImage = UIGraphicsGetImageFromCurrentImageContext();
 UIGraphicsEndImageContext();
 
 return snapshotImage;
}

第二种情形截图

如果一些视图是用OpenGL渲染出来的,那么使用上面的方式就无法截图到OpenGL渲染的部分,这时候就要用到改进后的截图方案:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/**
 针对有用过OpenGL渲染过的视图截图
 
 @return 截取的图片
 */
- (UIImage *)openglSnapshotImage
{
 CGSize size = self.bounds.size;
 UIGraphicsBeginImageContextWithOptions(size, NO, [UIScreen mainScreen].scale);
 CGRect rect = self.frame;
 [self drawViewHierarchyInRect:rect afterScreenUpdates:YES];
 UIImage *snapshotImage = UIGraphicsGetImageFromCurrentImageContext();
 UIGraphicsEndImageContext();
 
 return snapshotImage;
}

第三种情形截图

有一些特殊的Layer(比如:AVCaptureVideoPreviewLayer 和 AVSampleBufferDisplayLayer) 添加到某个View 上后,使用上面的几种方式都无法截取到Layer上的内容,这个时候可以使用系统的一个API,但是该API只能返回一个UIView,返回的UIView 可以修改frame 等参数。

?
1
2
3
4
5
6
7
8
9
10
11
/**
 截图
 以UIView 的形式返回(_UIReplicantView)
 
 @return 截取出来的图片转换的视图
 */
- (UIView *)snapshotView
{
 UIView *snapView = [self snapshotViewAfterScreenUpdates:YES];
 return snapView;
}

遗留问题:
通过方式三截取的UIView,无法转换为UIImage,我试过将返回的截图View写入位图再转换成UIImage,但是返回的UIImage 要么为空,要么没有内容。如果有人知道解决方案请告知我。

UIWebView的截图

去年在做蓝牙打印的时候,尝试过将UIWebView 的内容转换为UIImage,写过一个UIWebView的category,也算是对UIWebView 的截图,顺便也贴出来吧

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
- (UIImage *)imageForWebView
{
 // 1.获取WebView的宽高
 CGSize boundsSize = self.bounds.size;
 CGFloat boundsWidth = boundsSize.width;
 CGFloat boundsHeight = boundsSize.height;
 
 // 2.获取contentSize
 CGSize contentSize = self.scrollView.contentSize;
 CGFloat contentHeight = contentSize.height;
 // 3.保存原始偏移量,便于截图后复位
 CGPoint offset = self.scrollView.contentOffset;
 // 4.设置最初的偏移量为(0,0);
 [self.scrollView setContentOffset:CGPointMake(0, 0)];
 
 NSMutableArray *images = [NSMutableArray array];
 while (contentHeight > 0) {
  // 5.获取CGContext 5.获取CGContext
  UIGraphicsBeginImageContextWithOptions(boundsSize, NO, 0.0);
  CGContextRef ctx = UIGraphicsGetCurrentContext();
  // 6.渲染要截取的区域
  [self.layer renderInContext:ctx];
  UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
  UIGraphicsEndImageContext();
  // 7.截取的图片保存起来
  [images addObject:image];
 
  CGFloat offsetY = self.scrollView.contentOffset.y;
  [self.scrollView setContentOffset:CGPointMake(0, offsetY + boundsHeight)];
  contentHeight -= boundsHeight;
 }
 // 8 webView 恢复到之前的显示区域
 [self.scrollView setContentOffset:offset];
 CGFloat scale = [UIScreen mainScreen].scale;
 CGSize imageSize = CGSizeMake(contentSize.width * scale,
         contentSize.height * scale);
 // 9.根据设备的分辨率重新绘制、拼接成完整清晰图片
 UIGraphicsBeginImageContext(imageSize);
 [images enumerateObjectsUsingBlock:^(UIImage *image, NSUInteger idx, BOOL *stop) {
  [image drawInRect:CGRectMake(0,scale * boundsHeight * idx,scale * boundsWidth,scale * boundsHeight)];
 }];
 UIImage *fullImage = UIGraphicsGetImageFromCurrentImageContext();
 UIGraphicsEndImageContext();
 
 return fullImage;
}

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对服务器之家的支持。

原文链接:https://juejin.im/post/5d26e947f265da1bca520555

延伸 · 阅读

精彩推荐
  • IOSiOS 雷达效果实例详解

    iOS 雷达效果实例详解

    这篇文章主要介绍了iOS 雷达效果实例详解的相关资料,需要的朋友可以参考下...

    SimpleWorld11022021-01-28
  • IOSiOS布局渲染之UIView方法的调用时机详解

    iOS布局渲染之UIView方法的调用时机详解

    在你刚开始开发 iOS 应用时,最难避免或者是调试的就是和布局相关的问题,下面这篇文章主要给大家介绍了关于iOS布局渲染之UIView方法调用时机的相关资料...

    windtersharp7642021-05-04
  • IOS解析iOS开发中的FirstResponder第一响应对象

    解析iOS开发中的FirstResponder第一响应对象

    这篇文章主要介绍了解析iOS开发中的FirstResponder第一响应对象,包括View的FirstResponder的释放问题,需要的朋友可以参考下...

    一片枫叶4662020-12-25
  • IOSiOS通过逆向理解Block的内存模型

    iOS通过逆向理解Block的内存模型

    自从对 iOS 的逆向初窥门径后,我也经常通过它来分析一些比较大的应用,参考一下这些应用中某些功能的实现。这个探索的过程乐趣多多,不仅能满足自...

    Swiftyper12832021-03-03
  • IOSIOS 屏幕适配方案实现缩放window的示例代码

    IOS 屏幕适配方案实现缩放window的示例代码

    这篇文章主要介绍了IOS 屏幕适配方案实现缩放window的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要...

    xiari5772021-06-01
  • IOSIOS开发之字典转字符串的实例详解

    IOS开发之字典转字符串的实例详解

    这篇文章主要介绍了IOS开发之字典转字符串的实例详解的相关资料,希望通过本文能帮助到大家,让大家掌握这样的方法,需要的朋友可以参考下...

    苦练内功5832021-04-01
  • IOSiOS中tableview 两级cell的展开与收回的示例代码

    iOS中tableview 两级cell的展开与收回的示例代码

    本篇文章主要介绍了iOS中tableview 两级cell的展开与收回的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    J_Kang3862021-04-22
  • IOS关于iOS自适应cell行高的那些事儿

    关于iOS自适应cell行高的那些事儿

    这篇文章主要给大家介绍了关于iOS自适应cell行高的那些事儿,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的...

    daisy6092021-05-17