首次将UIImage转为Data仅获560字节数据的问题排查

这是个很典型的视图渲染时机问题！你遇到的情况大概率是第一次执行截图代码时，localQrView.subviews[0]还没完成完整的布局和渲染——比如QR码可能还在生成中，或者视图刚加载还没完成绘制，所以截出来的是空白/不完整的小图，数据量自然只有几百字节；第二次执行时，视图已经完全渲染好了，所以能得到完整的QR码图片数据。

下面给你几个针对性的解决办法：

1. 确保在视图完全渲染后执行截图 #

• 如果你的截图逻辑是在视图加载阶段触发的（比如viewDidLoad里），一定要把它移到viewDidAppear(_:)中执行——因为viewDidAppear会在视图完全显示到屏幕、所有布局和渲染操作完成后才调用。
• 如果是在某个事件（比如用户点击按钮生成QR码）后执行截图，不要立即调用截图代码，而是用DispatchQueue.main.async等待视图完成更新，或者绑定QR码生成完成的回调：

  // 假设生成QR码后调用这个方法
  func generateAndSendQRCode() {
      // 先完成QR码的生成和视图更新
      generateQRCode()
      // 等待视图完成渲染再截图
      DispatchQueue.main.async { [weak self] in
          self?.captureQRCodeAndSend()
      }
  }
  

2. 优化截图代码，提升可靠性 #

你原来的代码有两个小风险：直接取subviews[0]容易因视图层级变化出错，layer.render在视图刚更新时可能抓不到最新的画面。可以改成这样：

func captureQRCodeAndSend() {
    guard let qrCodeView = localQrView.subviews.first, 
          let session = WCSession.default as? WCSession, 
          session.isReachable else {
        print("无法获取QR视图或手表不可达")
        return
    }
    
    // 使用当前屏幕的scale，保证图片清晰度
    let scale = UIScreen.main.scale
    UIGraphicsBeginImageContextWithOptions(qrCodeView.bounds.size, false, scale)
    defer { UIGraphicsEndImageContext() } // 用defer确保上下文一定会释放
    
    // 用drawHierarchy并设置afterScreenUpdates为true，等待视图完成更新再截图
    qrCodeView.drawHierarchy(in: qrCodeView.bounds, afterScreenUpdates: true)
    
    guard let viewImage = UIGraphicsGetImageFromCurrentImageContext(), 
          let imageData = viewImage.pngData() else {
        print("截图失败")
        return
    }
    
    print("图片数据大小: \(imageData.count)字节")
    // 发送到手表
    session.updateApplicationContext(["qrImageData": imageData]) { error in
        if let error = error {
            print("发送到手表失败: \(error.localizedDescription)")
        }
    }
}

这里的drawHierarchy(in:afterScreenUpdates:)比layer.render更适合捕获刚更新的视图内容，afterScreenUpdates: true会强制等待视图完成所有待处理的绘制操作。

3. 额外调试建议 #

• 第一次执行时，打印qrCodeView.bounds看看是不是有宽高为0的情况，如果是，说明视图还没完成布局；
• 可以把第一次截到的viewImage保存到相册，直观看看是不是空白图，验证渲染时机的问题。

内容的提问来源于stack exchange，提问作者Lohith Korupolu