iOS实现简单长截图
本文实例为大家分享了iOS实现简易的长截图的具体代码,供大家参考,具体内容如下
长截图的实现原理:
实际上是将view的内容绘制成图片,再将各个view绘制出来的图片拼接出来。
具体代码:
将view绘制成图片
func getImage(in view:UIView?) -> UIImage? {guard let view = view else {return nil}let size = view.bounds.sizeUIGraphicsBeginImageContextWithOptions(size, false, UIScreen.main.scale)view.layer.render(in: UIGraphicsGetCurrentContext()!)view.layer.contents = nillet image = UIGraphicsGetImageFromCurrentImageContext()UIGraphicsEndImageContext()return image}
1.绘制状态栏
// 先获取状态栏viewfunc getStatusBar() -> UIView? {if Float(UIDevice.current.systemVersion)! >= 13 {guard let statusBarManager = UIApplication.shared.keyWindow?.windowScene?.statusBarManager,let localStatusBar = statusBarManager.value(forKey: "createLocalStatusBar") as? NSObject,let statusBar = localStatusBar.value(forKey: "statusBar") as? UIView else {return nil}return statusBar} else {guard let statusBarWindow = UIApplication.shared.value(forKey: "statusBarWindow") as? UIWindowelse {return nil}let statusBar = statusBarWindow.value(forKey: "statusBar") as? UIViewreturn statusBar}}// 再绘制成图片let statusBarImage = getImage(in: getStatusBar())
2.绘制导航栏(如果有的话)
if let nav = vc.navigationController { // 表示有导航栏let navBar = nav.navigationBarlet navBarImage = getImage(in: navBar)}
在某些情况下,如自定义的导航栏,则需要另外自行获取view再来绘制
3.绘制ScrollView
绘制scrollview长图的时候,如果直接绘制的话,那么得到的图片就是scrollview的frame.size大小的图片,而没有滚动到的地方则不会绘制进去,所以要先将scrollview的size变成和contentSize一样
func getScrollViewImage(scrollView:UIScrollView?) -> UIImage? {if let scroll = scrollView {let saveOffset = scroll.contentOffset // 保存偏移量,用于绘制图片完成后还原let saveFrame = scroll.frame // 保存framescroll.contentOffset = CGPoint.zeroscroll.frame = CGRect(origin: saveFrame.origin, size: scroll.contentSize) // 设置size和contentSize一致UIGraphicsBeginImageContext(scroll.frame.size)UIGraphicsBeginImageContextWithOptions(CGSize(width: scroll.frame.size.width, height: scroll.frame.size.height), false, UIScreen.main.scale)scroll.layer.render(in: UIGraphicsGetCurrentContext()!)let scrollImage = UIGraphicsGetImageFromCurrentImageContext()UIGraphicsEndImageContext()scroll.contentOffset = saveOffset // 还原偏移量,否则绘制图片之后,scrollview偏移量不正确scroll.frame = saveFrame // 还原framereturn scrollImage}return nil}
到这里,其实最难的一步已经完成了,但是这个方法也不是完美的。当这个scrollview添加到父视图的时候是添加约束的方式来确定大小和位置的时候,使用这个方法绘制出来的图片大小没有问题,但是内容却可能只有屏幕上显示出来的部分多一点,其他部分是空白。具体原因我也不太清楚,只要在绘制成图片之前将约束移除,绘制之后再添加回来
func getScrollViewImage(scrollView:UIScrollView?) -> UIImage? {if let scroll = scrollView {let saveOffset = scroll.contentOffset // 保存偏移量,用于绘制图片完成后还原let saveFrame = scroll.frame // 保存framescroll.contentOffset = CGPoint.zeroscroll.frame = CGRect(origin: saveFrame.origin, size: scroll.contentSize) // 设置size和contentSize一致let layouts = scroll.superview!.constraints // 获取的是scrollview的父容器的约束,这才是约束scrollview大小和位置的正确约束scroll.superview?.removeConstraints(layouts)UIGraphicsBeginImageContext(scroll.frame.size)UIGraphicsBeginImageContextWithOptions(CGSize(width: scroll.frame.size.width, height: scroll.frame.size.height), false, UIScreen.main.scale)scroll.layer.render(in: UIGraphicsGetCurrentContext()!)let scrollImage = UIGraphicsGetImageFromCurrentImageContext()UIGraphicsEndImageContext()scroll.contentOffset = saveOffset // 还原偏移量,否则绘制图片之后,scrollview偏移量不正确scroll.frame = saveFrame // 还原framescroll.superview?.addConstraints(layouts) // 还原约束return scrollImage}return nil}
如果项目中集成了SnapKit的话可以用其给scrollview重新设置约束,绘制图片结束后在还原也可以
func getScrollViewImage(scrollView:UIScrollView?) -> UIImage? {if let scroll = scrollView {// ......let layouts = scroll.superview!.constraints // 获取的是scrollview的父容器的约束,这才是约束scrollview大小和位置的正确约束scroll.snp.remakeConstraints { (make) inmake.top.left.right.equalTo(0)make.height.equalTo(scroll.contentSize.height)}// ...... scroll.snp.removeConstraints()scroll.superview?.addConstraints(layouts) // 还原约束return scrollImage}return nil}
4.拼接图片
已经得到了所需要的各个部分的元素,这里按照上下位置将其拼接起来
func combineImages(with upImage:UIImage?, and downImage:UIImage?) -> UIImage? {if upImage == nil {return downImage}if downImage == nil {return upImage}guard let up = upImage,let down = downImage else {return nil}let size = CGSize(width: up.size.width, height: up.size.height + down.size.height)UIGraphicsBeginImageContextWithOptions(size, false, UIScreen.main.scale)let upRect = CGRect(origin: CGPoint(x: 0, y: 0), size: up.size)up.draw(in: upRect)let downRect = CGRect(x: (up.size.width - down.size.width) / 2, y: upRect.origin.y + upRect.size.height, width: down.size.width, height: down.size.height)down.draw(in: downRect)let result = UIGraphicsGetImageFromCurrentImageContext()UIGraphicsEndImageContext()return result}
这里是图片的上下拼接,左右拼接与这个类似,只需要计算好图片的左右位置即可。
效果图:
文章图片
文章图片
文章图片
【iOS实现简单长截图】以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
推荐阅读
- 数据结构-js实现-栈
- 数据结构-js实现-队列
- H7-TOOL|H7-TOOL发布固件V2.17, 脱机烧录增加泰为,华大和复旦微新系列以及串口和CANFD接口脱机烧录,LUA小程序实现JSCope HSS模式波形
- iOS原生与RN的通信(Swift版)
- Java实现简单扫雷程序
- 数据分析基础知识|数据分析和Excel(有关数据分析和Excel的简单介绍)
- 计算机毕业论文|基于Python的招聘网站爬虫及可视化的设计与实现
- wpf|wpf mysql 增删改查_WPF MVVM+EF 增删改查 简单示例(一)
- spring|ShardingSphere集成SpringBoot实现分库分表(一)-分库
- 人工智能|python 和 scikit-learn 实现垃圾邮件过滤