swift - 扩展功能屏幕截图未捕获 iphone 和 ipad 中的相同区域

Question

我正在使用扩展功能截取 uiview 的屏幕截图。问题是结果看起来非常不同。我希望无论天气如何，无论是 ipad 还是 iphone，照片看起来都一样。我手动输入约束，所以我希望图像是相同的。我想使用该功能转到 View Controller 的原点或中心，高度为 200，宽度为 200。因此，无论设备如何，图像都应该是相同的，因为它从中心开始并且大小相同。

     let vex = self.view.screenshot(for: CGRect(x: 0, y:UIScreen.main.bounds.size.height*0.65,, width: 100, height: 100), with: UIImage(named: "a.png"))

    extension UIView {
/// Takes a screenshot of a UIView, with an option to clip to view bounds and place a waterwark image
/// - Parameter rect: offset and size of the screenshot to take
/// - Parameter clipToBounds: Bool to check where self.bounds and rect intersect and adjust size so there is no empty space
/// - Parameter watermark: UIImage of the watermark to place on top
func screenshot(for rect: CGRect, clipToBounds: Bool = true, with watermark: UIImage? = nil) -> UIImage {
    var imageRect = rect
    if clipToBounds {
        imageRect = bounds.intersection(rect)
    }
    return UIGraphicsImageRenderer(bounds: imageRect).image { _ in
    drawHierarchy(in: CGRect(origin: .zero, size: bounds.size), afterScreenUpdates: true)
    watermark?.draw(in: CGRect(x: 0, y: 0, width: 32, height: 32))
    }
}}

苹果手机

平板电脑

Answer 1

请看下面的屏幕截图。

View hierarchy   
 -self.view
   -blueView (subview of self.view) 
   -redView   (subview of self.view)

fullsize screenshot

请注意屏幕截图目标(基于 X = 0 和 Y = screen.y 乘数)如何因设备尺寸而异？使用提供的扩展，您可以根据 View 层次结构以多种不同的方式解决上述问题。 如果您的层次结构仍然如上所列，您可以执行以下操作:

选项 1 如果您想截取 blueView 内部的确切内容的屏幕截图，那么您可以这样做:(因为此 blueView 是 IBOutlet 或以编程方式设置的属性)

let image = self.view.screenshot(for: blueView.frame, clipToBounds: true, with: UIImage(named: "star"))

上面为 self.view 的所有 subview 在给定的矩形截取了 self.view 的屏幕截图。 (下面的输出)

选项 2 如果您的 View 层次结构更改为如下所示: -self.view - blueView(self.view 的 subview ) - redView(blueView 的 subview )

如果您想只拍摄 blueView 和 subview 的快照，那么您可以通过以下方式简化上面的操作:

let image = blueView.screenshot(for: blueView.bounds, with: UIImage(named: "star")) 这是可行的，因为 redView 是 blueView 的 subview (输出与上面的屏幕截图相同)

选项 3 现在假设您想在中心截取 self.view 的屏幕截图，屏幕截图大小为 300，那么您可以这样做

let size = CGSize(width: 300, height: 300) // notice this is bigger than blueView size
let rect = CGRect(origin: CGPoint(x: self.view.center.x - size.width / 2, y: self.view.center.y - size.height / 2), size: size)
let image = self.view.screenshot(for: rect, clipToBounds: false, with: UIImage(named: "star"))

所有这些都可以优化吗？是的，但我正在尝试逐步为您说明问题。 (下面是这个的输出)

顺便说一句，那些截图中的星星是水印

对于那些想知道的人，OP 的扩展来自这个 answer从这个问题开始，它已经更新了一些。