iOS 截屏&长截屏

截屏在 iOS 开发中经常用到,本篇文章讲的是监听用户截屏操作,并且获取截屏图片,如果当前是UIScrollView或者UIWebView,则为获取整个scrollView的截图内容,效果图如下:

iOS 截屏&长截屏_第1张图片
截屏

一、监听用户截屏

iOS7 开始提供一个新的监听方法:UIApplicationUserDidTakeScreenshotNotification。只要像往常一样监听系统通知即可。

// 监听屏幕截图
NotificationCenter.default.addObserver(self, selector: #selector(notify(_:)), name: NSNotification.Name.UIApplicationUserDidTakeScreenshot, object: nil)

注意:截图完成后,如果你想从通知的userInfo中获取截屏图片,那就错了,你会发现userInfo中是空的,所以需要用代码实现截屏操作,以此获取图片。

二、截屏

这里给UIView添加一个分类,这样,只要是一个UIView的子类,都可以截图了。

import UIKit

extension UIView {
    
    /// 截屏
    ///
    /// - Parameters:
    ///   - frame: 需要截取的范围,若为nil,则为视图的大小
    func screenshot(frame: CGRect? = nil) -> UIImage? {
        
        if let scrollView = self as? UIScrollView { // 如果是UIScrollView

            return scrollViewScreenShot(scrollView, frame: frame)

        } else if let webView = self as? UIWebView { // 如果是UIWebView

            let scrollView = webView.scrollView
            return scrollViewScreenShot(scrollView, frame: frame)

        } else {
            let shotFrame: CGRect = (frame == nil) ? self.bounds : frame!
            UIGraphicsBeginImageContextWithOptions(shotFrame.size, true, 0) 
            guard let currentContext = UIGraphicsGetCurrentContext() else { return nil }

            currentContext.translateBy(x: -shotFrame.origin.x, y: -shotFrame.origin.y)
            let path = UIBezierPath(rect: shotFrame)
            path.addClip()
            layer.render(in: currentContext)
            let image = UIGraphicsGetImageFromCurrentImageContext()
            UIGraphicsEndImageContext()
            return image
        }
    }
    
    /// 截取scrollView的内容
    ///
    /// - Parameters:
    ///   - scrollView: scrollView
    ///   - frame: 截取范围
    /// - Returns: 截取的图片
    private func scrollViewScreenShot(_ scrollView: UIScrollView, frame: CGRect?) -> UIImage? {
        
        let shotFrame: CGRect = (frame == nil) ? CGRect(origin: CGPoint(), size: scrollView.contentSize) : frame!
        
        UIGraphicsBeginImageContextWithOptions(shotFrame.size, false, 0)
        
        let savedContentOffset = scrollView.contentOffset
        let savedFrame = scrollView.frame
        
        scrollView.contentOffset = CGPoint()
        scrollView.frame = CGRect(origin: CGPoint(), size: scrollView.contentSize)
        
        guard let currentContext = UIGraphicsGetCurrentContext() else { return nil }
        
        currentContext.translateBy(x: -shotFrame.origin.x, y: -shotFrame.origin.y)
        
        let path = UIBezierPath(rect: shotFrame)
        path.addClip()
        
        scrollView.layer.render(in: currentContext)
        
        let image = UIGraphicsGetImageFromCurrentImageContext()
        
        UIGraphicsEndImageContext()
        
        scrollView.contentOffset = savedContentOffset
        scrollView.frame = savedFrame
        
        return image
    }
}

这是本文的Demo,你不点一下吗?

你可能感兴趣的:(iOS 截屏&长截屏)