iOS实现简单长截图

 更新时间:2022年07月20日 17:04:58   作者:MichaelJackchuang  
这篇文章主要为大家详细介绍了iOS实现简单长截图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了iOS实现简易的长截图的具体代码,供大家参考,具体内容如下

长截图的实现原理:

实际上是将view的内容绘制成图片,再将各个view绘制出来的图片拼接出来。

具体代码:

将view绘制成图片

func getImage(in view:UIView?) -> UIImage? {
    guard let view = view else {return nil}
    let size = view.bounds.size
    UIGraphicsBeginImageContextWithOptions(size, false, UIScreen.main.scale)
    view.layer.render(in: UIGraphicsGetCurrentContext()!)
    view.layer.contents = nil
    let image = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return image
}

1.绘制状态栏

// 先获取状态栏view
func 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? UIWindow  else {return nil}
        let statusBar = statusBarWindow.value(forKey: "statusBar") as? UIView
        return statusBar
    }
}

// 再绘制成图片
let statusBarImage = getImage(in: getStatusBar())

2.绘制导航栏(如果有的话)

if let nav = vc.navigationController { // 表示有导航栏
    let navBar = nav.navigationBar
    let 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 // 保存frame
        scroll.contentOffset = CGPoint.zero
        scroll.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 // 还原frame
        return scrollImage
    }
    return nil
}

到这里,其实最难的一步已经完成了,但是这个方法也不是完美的。当这个scrollview添加到父视图的时候是添加约束的方式来确定大小和位置的时候,使用这个方法绘制出来的图片大小没有问题,但是内容却可能只有屏幕上显示出来的部分多一点,其他部分是空白。具体原因我也不太清楚,只要在绘制成图片之前将约束移除,绘制之后再添加回来

func getScrollViewImage(scrollView:UIScrollView?) -> UIImage? {
    if let scroll = scrollView {
        let saveOffset = scroll.contentOffset // 保存偏移量,用于绘制图片完成后还原
        let saveFrame = scroll.frame // 保存frame
        scroll.contentOffset = CGPoint.zero
        scroll.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 // 还原frame
        scroll.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) in
            make.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
}

这里是图片的上下拼接,左右拼接与这个类似,只需要计算好图片的左右位置即可。

效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • iOS11新特性之在你的APP中使用LargeTitle

    iOS11新特性之在你的APP中使用LargeTitle

    本篇文章主要介绍了iOS11新特性之在你的APP中使用LargeTitle,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • IOS实现验证码倒计时功能(一)

    IOS实现验证码倒计时功能(一)

    这篇文章主要介绍了IOS实现验证码倒计时功能,点击获取验证码,进入时间倒计时,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • iOS GCD之dispatch_group_enter和dispatch_group_leave使用

    iOS GCD之dispatch_group_enter和dispatch_group_leave使用

    这篇文章主要为大家介绍了iOS GCD之dispatch_group_enter和dispatch_group_leave使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • iOS实现双向滑动条效果

    iOS实现双向滑动条效果

    这篇文章主要为大家详细介绍了iOS实现双向滑动条效果的相关代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • IOS绘制虚线的方法总结

    IOS绘制虚线的方法总结

    这篇文章给大家分享了iOS中绘制虚线常见的几种方式,大家可以根据自己的需求进行选择哪种方法,下面跟着小编来一起看看吧。
    2016-09-09
  • Objective-C中字符串NSString的常用操作方法总结

    Objective-C中字符串NSString的常用操作方法总结

    这篇文章主要介绍了Objective-C中字符串NSString的常用操作方法总结,Objective-C中NSString和NSMutableString这两个类下包含了操作字符串的大多数方法,需要的朋友可以参考下
    2016-04-04
  • 详解Obejective-C中将JSON数据转为模型的方法

    详解Obejective-C中将JSON数据转为模型的方法

    这篇文章主要介绍了Obejective-C中JSON数据转为模型的方法,同时介绍了使用jastor库的方法,需要的朋友可以参考下
    2016-03-03
  • iOS App通信之local socket示例

    iOS App通信之local socket示例

    这篇文章主要介绍了iOS App之间的通信 -local socket示例的相关资料,需要的朋友可以参考下
    2016-09-09
  • 浅析iOS给图片加水印的方法

    浅析iOS给图片加水印的方法

    在一些应用如微博中,为了防止用户图片被盗用,一般会在图片上加上水印,接下来就给大家分享一个iOS中给图片加水印的简单方法.一起来看看吧。
    2016-08-08
  • IOS中UIWebView的使用详解

    IOS中UIWebView的使用详解

    这篇文章主要介绍了IOS中UIWebView的使用详解,涉及到初始化与三种加载方式,一些常用的属性和变量及ios7中的一些新特征,本文介绍的非常详细,感兴趣的朋友一起学习吧
    2016-02-02

最新评论